本文介绍了一种使用HTML和CSS实现特定样式的网页布局方法，通过定义div元素的不同样式属性来展示网页的基本结构和视觉效果。
还是比较有质感的，
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>无标题文档</title>
<style>
<!--
div{
width:765px;
height:25px;
border-top:2pxsolidblack;
border-left:1pxsolidblack;
border-right:1pxsolidblack;
border-bottom:1pxsolid#878787;
filter:progid:DXImageTransform.Microsoft.Gradient(gradienttype=0,startcolorstr=#ffffff,endcolorstr=#c9c9c9);
}
-->
</style></head>
<body>
<div> </div>
</body>
</html>
----------
<style>
div{width:567px;height:20px;border:1pxsolidblack;filter:progid:DXImageTransform.Microsoft.Gradient(gradienttype=0,startcolorstr=#ffffff,endcolorstr=#c9c9c9);
}
</style>
<div> </div>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>无标题文档</title>
<style>
<!--
div{
width:765px;
height:25px;
border-top:2pxsolidblack;
border-left:1pxsolidblack;
border-right:1pxsolidblack;
border-bottom:1pxsolid#878787;
filter:progid:DXImageTransform.Microsoft.Gradient(gradienttype=0,startcolorstr=#ffffff,endcolorstr=#c9c9c9);
}
-->
</style></head>
<body>
<div> </div>
</body>
</html>
----------
<style>
div{width:567px;height:20px;border:1pxsolidblack;filter:progid:DXImageTransform.Microsoft.Gradient(gradienttype=0,startcolorstr=#ffffff,endcolorstr=#c9c9c9);
}
</style>
<div> </div>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
