导读：style type=text/css教程 #container { /* 左参考线 */ border-left:1px solid #b23aee; } /* 定义各个层的公共属性 */ #div1,#div2,#div3,#div4{ width:200px; height:50px; background:#ffe1ff; margin-bottom:5px; } /* 只有width */ #div1{ } /* 加上bor...
<style type="text/css教程">
#container {
/* 左参考线 */
border-left:1px solid #b23aee;
}
/* 定义各个层的公共属性 */
#div1,#div2,#div3,#div4{
width:200px;
height:50px;
background:#ffe1ff;
margin-bottom:5px;
}
/* 只有width */
#div1{
}
/* 加上border */
#div2{
border-left:10px solid red;
}
/* 加上border和padding */
#div3{
border-left:10px solid red;
padding-left:50px;
}
/* 加上border、padding和margin */
#div4{
border-left:10px solid red;
padding-left:50px;
margin-left:50px;
}
</style>
