CSS描邊不填充
對于Web開發中的各種效果,CSS是必不可少的一部分。其中,描邊效果是很多開發者喜歡的一種效果,但有時候卻不需要填充。那么,怎么實現描邊不填充的效果呢? 在CSS中,border屬性用來設置邊框。若想設置描邊效果,只需要設置該屬性的border-style屬性為solid或dashed。例如: border: 2px solid #000; 這里的2px是邊框的厚度,solid是邊框類型,#000則是邊框的顏色。 但是,如果想讓這種描邊效果不填充,則可以將元素的背景色設為透明。例如: background-color: transparent; 這里的transparent即為透明。 這樣,可以實現描邊不填充的效果。 補充: 還有一種方法是使用box-shadow屬性。例如: box-shadow: 0 0 0 2px #000; 其中,前兩個0表示陰影的水平和垂直偏移量,第三個0表示模糊程度,2px表示陰影的長度,#000則是邊框的顏色。這種方法同樣可以實現描邊不填充的效果。
上一篇css被網頁緩存了怎么辦
下一篇css提交代碼嗎