CSS代码问题

html-css012

CSS代码问题,第1张

<style>

    .style1,.style2{

        height: 32px

        width: 85px

        border:1px solid #e6e6e6

    }

    .style1{color: #878787}

    .style2{

        color: #fff 

        background-color: #878787

        width: 100px

    }

</style>

<td class="style1">无弹性</td>

<td class="style2">轻微弹性</td>

把style1换成style2就行了

上面的冗余代码太多了，其实可以把这些样式放在样式表里，通过一个样式名来控制，比如

<td bgcolor="#878787" height="32" style="border-top: #e6e6e6 1.0px 

solidborder-right: #e6e6e6 1.0px solidborder-bottom: #e6e6e6 1.0px 

solidborder-left: #e6e6e6 1.0px solidborder-image: none" 

width="100"><font color="#ffffff">轻微弹性</font></td>

这是轻微弹性的样式，把背景色和文字颜色提取出来，放进样式表里，

.style1{

    background-color:#878787

    color:#fff

}

在需要这个样式的时候，给相应的单元格加上这个样式就行了。

<td class="style1"></td>