教你美化你的模塊邊框 現(xiàn)在開始教大家如何美化邊框: 看一下.modbox{},這個(gè)其實(shí)就是模版當(dāng)中一大塊主體的代碼: 其中的:border-left:1px solid #813533;border-right:1px solid #813533 其實(shí)就是模版左右兩邊邊框線的設(shè)置代碼,,border-left是設(shè)置左邊的邊框線,,border-right是設(shè)置右邊的邊框線 其中的1px就是設(shè)置邊框線粗細(xì)的,,大家如果不想要邊框線,設(shè)置0就可以了 其中的solid是設(shè)置邊框線的樣式的,,它的作用就是指定邊框?yàn)閷?shí)線邊框,,這還有更多的樣式介紹: dotted: 點(diǎn)線 dashed : 虛線 double : 雙線邊框 groove : 3D凹槽 ridge : 菱形邊框 inset : 3D凹邊 outset : 3D凸邊 如果大家不想要solid的樣式,只要把它換成上面你想要的樣式的代碼就可以了,,不過這里要說一下,,上面第3個(gè)到最后一個(gè)的樣式,也就是從雙線邊框到3D凸邊的樣式都取決于邊框線的粗細(xì)來顯示效果的,,如果邊框線的粗細(xì)小于3px,,一般是看不出來效果的 #813533就是邊框的顏色設(shè)置,大家可以換成自己喜歡的顏色代碼上去的 這里已經(jīng)對邊框的三個(gè)參數(shù)1px,,solid以及#813533做出了解釋,,之后提及的邊框?qū)傩詫⒉辉賹@些參數(shù)作解釋 接著來看下: .modbl{} .modbc{} .modbr{} 這三個(gè)就是分別設(shè)置模版左下角,底邊中央,,右下角的代碼: .modbl{}中的border-left:是設(shè)置左下角左邊框的屬性的,,border-bottom是設(shè)置左下角底邊的邊框?qū)傩缘?br>.modbc{}中的border-bottom:是設(shè)置邊框當(dāng)中一段底邊屬性的 .modbr{}中的border-right:是設(shè)置右下角右邊框的屬性的,border-bottom是設(shè)置右下角底邊的邊框?qū)傩缘?br>這就是美化邊框的簡單教程.
|