從基礎(chǔ)開(kāi)始:CSS實(shí)用教程(三)
2006/10/12 9:20:29

十二.控制BOX的樣式 
樣式表規(guī)定了一個(gè)容器BOX,它將要儲(chǔ)存一個(gè)對(duì)象的所有可操作的樣式。包括了對(duì)象本身、邊框空白、對(duì)象邊框、對(duì)象間隙四個(gè)方面。 
 


為了大家更好地理解這些屬性的意義,以及互相之間的關(guān)系,請(qǐng)看下面這個(gè)圖示: 
1.邊框空白(MARGIN) 
如圖所示,位于BOX模型的最外層,包括四項(xiàng)屬性。 
格式分別如下: 
·margin-top:頂部空白距離 
·margin-right:右邊空白距離 
·margin-bottom:底部空白距離 
·margin-left:左邊空白距離 
空白的距離可以用帶長(zhǎng)度單位的數(shù)字表示。 
如果使用上述屬性的簡(jiǎn)化方式margin,可以在其后連續(xù)加上四個(gè)帶長(zhǎng)度單位的數(shù)字,來(lái)分別表示margin-top、margin-right、margin-bottom、margin-left,每個(gè)數(shù)字中間要用空格分隔。
2.對(duì)象邊框(BORDER) 
如圖所示,位于邊框空白和對(duì)象空隙之間,包括了七項(xiàng)屬性。 
格式分別如下: 
·border-top:頂邊框?qū)挾?nbsp;
·border-right:右邊框?qū)挾?nbsp;
·border-bottom:底邊框?qū)挾?nbsp;
·border-left:左邊框?qū)挾?nbsp;
·border-width:所有邊框?qū)挾?nbsp;
·border-color:邊框顏色 
·border-style:邊框樣式參數(shù) 
其中border-width可以一次性設(shè)置所有的邊框?qū)挾龋琤order-color同時(shí)設(shè)置四面邊框的顏色時(shí),可以連續(xù)寫(xiě)上四種顏色,并用空格分隔。上述連續(xù)設(shè)置的邊框都是按border-top、border-right、border-bottom、border-left的順序。 
Border-style相對(duì)別的屬性而言稍稍復(fù)雜些,因?yàn)樗€包括了多個(gè)邊框樣式的參數(shù): 
·none:無(wú)邊框。 
·dotted:邊框?yàn)辄c(diǎn)線。 
·dashed:邊框?yàn)殚L(zhǎng)短線。 
·solid:邊框?yàn)閷?shí)線。 
·double:邊框?yàn)殡p線。 
·groove:根據(jù)color屬性顯示不同效果的3D邊框 
·ridge:根據(jù)color屬性顯示不同效果的3D邊框 
·inset:根據(jù)color屬性顯示不同效果的3D邊框 
·outset:根據(jù)color屬性顯示不同效果的3D邊框 
3.對(duì)象間隙(PADDING) 
如圖所示,位于對(duì)象邊框和對(duì)象之間,包括了四項(xiàng)屬性。 
基本格式如下: 
·padding-top:頂部間隙 
·padding-right:右邊間隙 
·padding-bottom:底部間隙 
·padding-left:左邊間隙 
和MARGIN類(lèi)似,PADDING也可以用padding一次性設(shè)置所有的對(duì)象間隙,格式也和MARGIN相似,不再一一列舉了。

下一頁(yè)
返回列表
返回首頁(yè) 主站蜘蛛池模板: 日本免费人成黄页网观看视频 | 日本熟妇人妻xxxxx人hd| 国产精品成人久久久| 一区二区三区欧美视频| 日韩午夜视频在线观看| 亚洲日韩国产成网在线观看| 真实子伦视频不卡| 国产一级片免费看| 黄色一级视频免费观看| 国产精品成人无码视频| av无码免费一区二区三区| 成人免费在线视频网站| 久久只有这才是精品99| 案件小说h阿龟h全文阅读| 亚洲的天堂av无码| 神马重口味456| 啊灬用力啊灬啊灬快灬深| 韩国三级香港三级日本三级| 国产欧美另类久久久精品免费| 91av免费观看| 在线观看成人网| 久久精品免费一区二区三区| 欧美性猛交xxxx88| 亚洲第一页在线播放| 男人桶女人视频不要下载| 午夜免费小视频| 老司机精品导航| 国产乱子伦在线观看| 高清男的插曲女的欢迎你老狼| 国产熟睡乱子伦视频观看软件| 2020亚洲欧美日韩在线观看 | 久久久久高潮毛片免费全部播放 | 日韩精品中文字幕无码专区| 午夜免费福利影院| 色婷婷.com| 国产免费久久久久久无码| 国产在线播放网址| 国产精品中文久久久久久久| 91在线亚洲综合在线| 在线免费小视频| a毛片在线看片免费|