本節簡介:講解盒子模型的邊框屬性,利用邊框制作“圣誕樹”案例
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
小三角的形的做法,設置border值,寬高設置成0,然后修改其中一個邊的顏色,剩下的三個邊設置成透明色(transparent)
dotted:虛線 double:雙實線 solid:實線
border: 20px solid transparent; transparent表示透明的意思
通過邊框制作三角:.sanjiao{ width:0px; height:0px; border:20px; solid transparent; bodder-top-color:gray}
邊框描述規則:粗細,顏色,樣式{border:2px #ccc solid}solid:實線 dashed:虛線 dotted:點線 double:雙實線。
通過邊框制作三角:{width:0 height:0 }透明色:transparent,設置border-bottom-color:
邊框描述規則:粗細,顏色,樣式{border:2px #ccc solid} solid:實線 dashed:虛線 dotted:點線 double:雙實線
通過邊框制作三角:{width:0 height:0 }透明色:transparent,設置border-bottom-color:
邊框描述規則:粗細,顏色,樣式{border:2px #ccc solid}dotted:點線 double:雙實線。
三角形的制作, width:0px; height:0px;border:10px solid transparent(透明色);border-top-color:顏色