我的CSS (2)

dahui

1) 定义一个靠右对其的图片。关键是靠右，以及padding-right: 8px
.boxHeader{
 background-image: url(../img/blue_top_900x27.png);
 background-repeat: no-repeat;
 background-x-position: right;
 background-y-position: top;
 background-color: #e8e8e8;
 padding-right: 8px;
 background-attachment: scroll;
 background-position: right top;
}

2) 定义一个靠左的图片。关键是margin-right的设置。
.boxHeaderTitle {
 background-color: transparent;
 background-repeat: no-repeat;
 padding-top: 5px; 5px; 5px; 10px;
 background-image: url(../img/blue_top_900x27.png);
 padding-left: 10px;
 margin-right: 10px;
 background-position: left top;
 font-size: 120%;
 font-weight: bold;
 color: #FFFFFF;
 padding-bottom: 2px;
}
3) 画出一个带边框而已。火狐下是圆角的。
.boxContent {
 -moz-border-radius-bottomleft:6px;
 -moz-border-radius-bottomright:6px;
 background-image: none;
 padding-top: 6px;
 padding-right: 10px;
 padding-bottom: 8px;
 padding-left: 10px;
 border-width: 0px 1px 1px 1px;
 border-style: solid;
 border-color: #dddddd;
}感觉： 可以把CSS当作一种编程语言。当然，它的目标是布局、色彩。