网页制作，DIV问题

来源：百度知道 编辑：UC知道 时间：2024/09/19 17:17:37
不会网页制作。在做布局时。用到多个DIV标签。想为DIV加个边框。就形成以下的代码了。
<div id="Layer2"style="BORDER-bottom: #f2f2f2 1px solid; BORDER-right: #f2f2f2 1px solid; BORDER-left: #f2f2f2 1px solid; BORDER-top: #f2f2f2 1px solid;">
因为有多个DIV吗。所以那个style都是重复的。。有什么的写法。。不要重复啊。听人家说。好多代码一样。网页体积大不说。还影响网页打开速度。
因为不会啊。所以才问。不要给我嘲笑的解答。务必详细点啊。谢谢。

给每个DIV定义一个同样的class选择器
如：<div class="divbd"></div>
<div class="divbd"></div>
<div class="divbd"></div>
………………………………
然后在页面head部分 嵌入:
<style type="text/css">
.divbd{ border:#f2f2f2 1px solid; }
</style>

你可以集成到一个外部文件，这样在使用的时候只要导入就可以了，不用重复div设置，且也有利于网页的整体风格统一

可以把css文件都放入.css文件里，然后在网页里调用
<link href="文件名.css"rel="stylesheet" type="text/css" />