css中div邊框外發(fā)光怎么設(shè)置？最方便的方法是用PS制作一個外部發(fā)光圖像，然后將發(fā)光部分切割在一起，生成一個背景透明的PNG格式圖像。如果你想制作一個鼠標(biāo)觸發(fā)效果，那么制作另一個沒有外部發(fā)光的相同大

css中div邊框外發(fā)光怎么設(shè)置？

最方便的方法是用PS制作一個外部發(fā)光圖像，然后將發(fā)光部分切割在一起，生成一個背景透明的PNG格式圖像。如果你想制作一個鼠標(biāo)觸發(fā)效果，那么制作另一個沒有外部發(fā)光的相同大小的圖像。

CSS樣式不能直接寫外部發(fā)光效果，但是有一種方法可以做到，如果外部光的擴(kuò)散范圍不大，大約3px-5px；通過嵌套div和調(diào)整邊框顏色可以達(dá)到一定的效果，但這種方法麻煩且不易使用

示例：

修改input輸入框樣式和點擊時邊框的改變？

關(guān)于輸入框，瀏覽器會有自己的樣式，如何修改輸入框樣式并點擊樣式如下。

1. HTML編寫時，有一個輸入文本框和一個input type=button。

2. 輸入基本樣式書寫，占位符樣式也可以修改，主要是去掉原來的輸入樣式，添加自己的樣式。

3. 單擊時，輸入框的樣式將更改。單擊時可以添加動畫。單擊輸入框時會出現(xiàn)陰影和顏色。

涉及知識點：

1修改占位符樣式，文本縮進(jìn)控制文本距離

2修改輸入邊框樣式，刪除原有樣式

3點擊時改變邊框顏色和陰影，方框陰影中的發(fā)光樣式看起來更漂亮

4點擊時會添加動畫