在CSS中,我們可以使用描邊和陰影屬性為元素增強一些視覺效果。
描邊是指在元素周圍繪制一條線條,可以用在文本、圖像以及其他任何元素上。下面是一些描邊的樣式:
/*設置描邊顏色和寬度*/ border: 2px solid blue; /*設置虛線描邊*/ border: 2px dashed red; /*設置圓角描邊*/ border-radius: 10px; border: 2px solid green; /*設置內側描邊*/ border: 2px inset yellow; /*設置外側描邊*/ border: 2px outset purple; /*設置雙層描邊*/ border: 2px double orange;
陰影是指在元素周圍繪制一層陰影效果,可以用在文本、圖像、盒子等元素上。下面是一些陰影的樣式:
/*設置盒子陰影*/ box-shadow: 10px 10px 5px grey; /*設置文本陰影*/ text-shadow: 2px 2px 2px black; /*設置圖像陰影*/ img{ box-shadow: 5px 5px 5px grey; }
需要注意的是,描邊和陰影屬性需要在某些瀏覽器才被支持,因此在使用時需要考慮兼容性問題。
上一篇css表達式指什么意思