html中怎样设置box的颜色

说到盒子的颜色，除了背景色和边框我再不清楚你指的什么颜色了。我把这两个给你写出来

背景色的，假设盒子的class='box-color'

.box-color{

    background-color:#ccc

}

边框颜色的，

.box-color{

    border:2px solid #f00

}

当然，设定这些时，盒子的宽高得指定好

.box-color{

    width:200px

    height:200px

}

<style>

.box1 { margin: auto text-align: center width: 300px }

.box1, .box2, .box3 { border: 1px solid black padding: 20px }

.box2, .box3 { margin: auto }

</style>

<div class="box1">

    <div class="box2">

        <div class="box3">

        </div>

    </div>

</div>

border-box这是一个属性值，属性是box-sizing.

css3

box-sizing属性

box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。

content-box，border和padding不计算入width之内

padding-box，padding计算入width内

border-box，border和padding计算入width之内，其实就是怪异模式了~

ie8+浏览器支持content-box和border-box；

ff则支持全部三个值。

---