CSS是前端開發中不可或缺的一種技術,通過CSS可以實現各種各樣的效果。本文將簡要介紹CSS中外發光和去除邊框的實現方式。
1. 外發光
.box { box-shadow: 0px 0px 10px #fff; }
使用box-shadow屬性可以實現CSS中的外發光效果,其中第一個參數表示水平偏移量,第二個參數表示垂直偏移量,第三個參數表示模糊半徑,第四個參數表示顏色值。這個屬性可以同時設置多個效果,用逗號隔開即可。
2. 去除邊框
input[type="text"] { border: none; outline: none; }
有時候我們需要去除某些元素的邊框,這時候可以使用border:none的方式去除邊框,但是這個樣式在IE6中無效。同時如果需要去除元素獲得焦點時的虛線邊框,可以使用outline:none的方式去除。需要注意的是去除虛線邊框可能會降低可訪問性,需要根據具體情況去考慮是否需要去除。