CSS中的描邊是指在文本周圍繪制一條線條,以突出文本和元素的邊緣。具有以下優點:
- 可以增強文本可讀性和可見度。
- 可以讓文本和元素更加立體化。
- 可以減少文本和元素顏色之間的對比度,使其更加和諧。
/* 使用CSS中text-stroke屬性添加文本描邊 */ h1 { color: #333; /* 設置文本顏色 */ -webkit-text-stroke: 1px #000; /* 給文本添加黑色1像素寬度的描邊 */ text-stroke: 1px #000; } /* 使用CSS中outline屬性添加元素描邊 */ div { width: 200px; height: 100px; border: 1px solid #ccc; /* 設置元素邊框 */ outline: 1px solid #f00; /* 給元素添加紅色1像素寬度的描邊 */ }
需要注意的是,描邊只是一種視覺效果,不會改變文本和元素的實際大小和形狀。在某些情況下,描邊可能會與背景色重疊,導致視覺效果不佳。此時可以使用透明度調整描邊的顯示效果。