從基礎開始:CSS實用教程(三)
2006/10/12 9:20:29
十二.控制BOX的樣式
樣式表規定了一個容器BOX,它將要儲存一個對象的所有可操作的樣式。包括了對象本身、邊框空白、對象邊框、對象間隙四個方面。
為了大家更好地理解這些屬性的意義,以及互相之間的關系,請看下面這個圖示:
1.邊框空白(MARGIN)
如圖所示,位于BOX模型的最外層,包括四項屬性。
格式分別如下:
·margin-top:頂部空白距離
·margin-right:右邊空白距離
·margin-bottom:底部空白距離
·margin-left:左邊空白距離
空白的距離可以用帶長度單位的數字表示。
如果使用上述屬性的簡化方式margin,可以在其后連續加上四個帶長度單位的數字,來分別表示margin-top、margin-right、margin-bottom、margin-left,每個數字中間要用空格分隔。
2.對象邊框(BORDER)
如圖所示,位于邊框空白和對象空隙之間,包括了七項屬性。
格式分別如下:
·border-top:頂邊框寬度
·border-right:右邊框寬度
·border-bottom:底邊框寬度
·border-left:左邊框寬度
·border-width:所有邊框寬度
·border-color:邊框顏色
·border-style:邊框樣式參數
其中border-width可以一次性設置所有的邊框寬度,border-color同時設置四面邊框的顏色時,可以連續寫上四種顏色,并用空格分隔。上述連續設置的邊框都是按border-top、border-right、border-bottom、border-left的順序。
Border-style相對別的屬性而言稍稍復雜些,因為它還包括了多個邊框樣式的參數:
·none:無邊框。
·dotted:邊框為點線。
·dashed:邊框為長短線。
·solid:邊框為實線。
·double:邊框為雙線。
·groove:根據color屬性顯示不同效果的3D邊框
·ridge:根據color屬性顯示不同效果的3D邊框
·inset:根據color屬性顯示不同效果的3D邊框
·outset:根據color屬性顯示不同效果的3D邊框
3.對象間隙(PADDING)
如圖所示,位于對象邊框和對象之間,包括了四項屬性。
基本格式如下:
·padding-top:頂部間隙
·padding-right:右邊間隙
·padding-bottom:底部間隙
·padding-left:左邊間隙
和MARGIN類似,PADDING也可以用padding一次性設置所有的對象間隙,格式也和MARGIN相似,不再一一列舉了。
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
yy6080理aa级伦大片一级毛片
|
最新69成人精品毛片|
亚洲美女中文字幕|
精品露脸国产偷人在视频|
国产女同在线观看|
18末成年禁止观看试看一分钟|
天天躁天天弄天天爱|
久久99九九国产免费看小说|
果冻传媒mv在线观看入口免费
|
欧美性色黄大片www|
亚洲色成人WWW永久网站|
综合久久久久久中文字幕|
国产公妇仑乱在线观看|
五月婷婷在线视频|
国产色爽女小说免费看|
a级毛片免费全部播放无码|
成人中文字幕在线|
久久久久久久久66精品片|
日韩精品无码一区二区三区AV|
亚洲娇小性xxxx|
波多野结衣全部系列在线观看|
免费观看的a级毛片的网站|
美女被免费网站视频在线|
国产做床爱无遮挡免费视频|
免费h视频在线观看|
国产精品二区高清在线|
6080夜福利|
国内午夜免费鲁丝片|
99精品久久久中文字幕|
女子校生下媚药在线观看|
三根一起会坏掉的好痛免费三级全黄的视频在线观看
|
欧美日韩视频在线播放|
亚洲香蕉久久一区二区三区四区|
粗壮挺进人妻水蜜桃成熟漫画|
台湾佬在线观看|
色八a级在线观看|
国产乱子伦真实china|
野花日本免费观看高清电影8
|
欧美人与动人物姣配xxxx|
亚洲欧美日韩在线不卡|
波多野结衣有一部紧身裙女教师|