border就是邊框的意思亚侠,邊框有三個(gè)要素:粗細(xì)曹体、線型、顏色硝烂。
顏色如果不寫箕别,默認(rèn)是黑色。另外兩個(gè)屬性不寫滞谢,就顯示不出來邊框究孕。
邊框所有的線性
border是一個(gè)大綜合屬性,
1border:1px solid red;
就是把4個(gè)邊框爹凹,都設(shè)置為1px寬度厨诸、線型實(shí)線、紅色禾酱。
border屬性能夠被拆開微酬,有兩大種拆開的方式:
1)按3要素:border-width、border-style颤陶、border-color
2)按方向:border-top颗管、border-right、border-bottom滓走、border-left
一垦江、按3要素拆開:
1.border-width:10px;→邊框?qū)挾?/p>
2.border-style:solid;→線型
3.border-color:red;→顏色。
等價(jià)于:
1.border:10px solid red;
現(xiàn)在心里要明白搅方,原來一個(gè)border是由三個(gè)小屬性綜合而成:
border-width ?border-style ??border-color比吭。
二、按方向拆分
border-top:10px solid red;
border-right:10px solid red;
border-bottom:10px solid red;
border-left:10px solid red;
等價(jià)于border:10px solid red;
此外還可以按方向還能再拆一層姨涡,就是把每個(gè)方向的衩藤,每個(gè)要素拆開,
如:border-top-width:10px;
當(dāng)然在工作中涛漂,哪種簡(jiǎn)單用哪種赏表。