日期:2014-05-17  浏览次数:20642 次

CSS 请一个最好的解决方案
每一个DIV都一个共同点,就是都有边框..   为每一个单独设置又太不理想,,CSS里面又没有直接继承..     有什么办法解决这个问题,就是写一个样式,可以让指定DIV都有边框

.border{border:solid   1px;}
#table1{width:10px;}
#table2{width:20px;}}
#table3{width:30px;}}
#table4{width:200px;}}
#table5{width:100px;}}

<div   id=table1> </div>

<div   id=table2> </div>

<div   id=table3> </div>

<div   id=table4> </div>

<div   id=table5> </div>

已经试过在DIV的Class用继承了,但还是不太理想,,,,希望谁有更好的解决方法..谢谢!

------解决方案--------------------
如果你全是用DIV的话可以考虑这个:
<style type= "text/css ">
div {border:solid 1px;}
</style>

如果是全部要用的话用*,(包括其它的,如表格、span等等)
*{border:solid 1px;}
这种情冲下遇上不要边框的加上{border:none;}
------解决方案--------------------
=======
css
=======
/*div有边框*/
div.table1{border:solid 1px;}
/*div无边框*/
div.table2{border:none;}

=====
html
=====
<div class= "table1 "> </div>
<div class= "table1 "> </div>
<div class= "table1 "> </div>
<div class= "table2 "> </div>
<div class= "table2 "> </div>
<div class= "table2 "> </div>
------解决方案--------------------
css
======================
#pnl1 div
{
border: 1px black solid;
}

======================
html
======================
<div id= "pnl1 ">
<div id= "div1 "> xxxxxxxxxxxxxxxx </div>
<div id= "div2 "> XXXXXXXXXXXXXXXXX </div>
</div>
<div id= "pnl2 ">
<div id= "div3 "> xxxxxxxxxxxxxxxx </div>
<div id= "div4 "> XXXXXXXXXXXXXXXXX </div>
</div>