- 相關(guān)推薦
css制作網(wǎng)頁(yè)中的虛線(xiàn)
這里邊框屬性的虛線(xiàn)邊框border控制虛線(xiàn)。以下配置的css 高度(css height)和css 寬度(css width)為350像素。
一、四邊為虛線(xiàn)邊框
border:1px dashed #000; 黑色虛線(xiàn)邊框
實(shí)例：
CSS代碼： .hackhome{border:1px dashed #000; height:50px;width:350px}
Html代碼： 我的四邊為黑色虛線(xiàn)邊框
這里配置邊框縮寫(xiě)形式解釋hackhome挑選器四邊邊框為1px的黑色虛線(xiàn)邊框
二、左邊為虛線(xiàn)：
CSS代碼： .hackhome-1{border-left:1px dashed #000; height:50px;width:350px}
Html代碼： 我的左邊為黑色虛線(xiàn)邊框
這里配置了左邊一邊為黑色虛線(xiàn)邊框
三、右邊為虛線(xiàn)：
CSS代碼： .hackhome-2{border-right:1px dashed #000; height:50px;width:350px}
Html代碼： 我的右邊為黑色虛線(xiàn)邊框
這里配置了右邊一邊為黑色虛線(xiàn)邊框
四、頂部邊(上邊)為虛線(xiàn)：
CSS代碼： .hackhome-3{border-top:1px dashed #000; height:50px;width:350px}
Html代碼： 我的上邊為黑色虛線(xiàn)邊框
這里配置了頂邊(上邊線(xiàn))一邊為黑色虛線(xiàn)邊框
五、底部邊(下邊)為虛線(xiàn)：
CSS代碼： .hackhome-4{border-bottom:1px dashed #000; height:50px;width:350px}
Html代碼： 我的下邊為黑色虛線(xiàn)邊框
這里配置了底邊(下邊線(xiàn))一邊為黑色虛線(xiàn)邊框
六、隨意一邊不為虛線(xiàn)，其它三邊為虛線(xiàn)狀況
參與右邊邊框不為虛線(xiàn)而沒(méi)有邊線(xiàn)，其它三邊為黑色虛線(xiàn)邊框
CSS代碼： .hackhome-5{border:1px dashed #000;border-right:0; height:50px;width:350px}
Html代碼： 我的右邊邊框無(wú)邊線(xiàn)而其它三邊為黑色虛線(xiàn)邊框實(shí)例
這里先配置了該對象四邊為黑色1px虛線(xiàn)邊框，緊接著(zhù)又配置一邊邊線(xiàn)為0的配置，這樣相當于配置了3邊的邊框虛線(xiàn)屬性，但是這里留意邊框屬性配置前后順序
【css制作網(wǎng)頁(yè)中的虛線(xiàn)】相關(guān)文章：
關(guān)于網(wǎng)頁(yè)制作之學(xué)習CSS的理由07-03
CSS制作網(wǎng)頁(yè)的類(lèi)以及ids的命名06-22
DIV CSS制作網(wǎng)頁(yè)時(shí)易犯的錯誤總結07-14
網(wǎng)頁(yè)設計div css為何加載失敗07-03
網(wǎng)頁(yè)制作07-03
在網(wǎng)頁(yè)制作中如何控制DIV居中顯示07-03
網(wǎng)頁(yè)制作中字體設置的相關(guān)內容07-03
《網(wǎng)頁(yè)的制作》教案01-16