我的CSS (2)
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当作一种编程语言。当然，它的目标是布局、色彩。
页:
[1]