CSS的輪廓屬性可以讓我們給一個元素添加一種看起來類似外邊框的效果,不過它并不占據(jù)具體的尺寸。我們可以用它來強調(diào)一個元素,比如把它高亮,或者給它設置圓角。
/* 給元素設置輪廓 */ outline: 2px solid red; /* 給元素設置輪廓圓角 */ outline-radius: 10px;
輪廓圓角屬性可以讓我們給一個元素的輪廓添加圓角效果,它僅僅影響輪廓的外觀,而不影響元素本身的形狀。用法和border-radius類似,只是把border改成了outline即可。
/* 給元素設置輪廓圓角 */ outline: 2px solid red; outline-radius: 10px;
需要注意的是,這個屬性在某些瀏覽器中還不支持,比如IE瀏覽器。所以在使用時需要考慮瀏覽器兼容性的問題。
總的來說,CSS的輪廓圓角屬性雖然不太常用,但是在一些特殊場合下可以起到良好的效果。