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

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

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

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

示例：

修改input輸入框樣式和點(diǎn)擊時(shí)邊框的改變？

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

1. HTML編寫(xiě)時(shí)，有一個(gè)輸入文本框和一個(gè)input type=button。

2. 輸入基本樣式書(shū)寫(xiě)，占位符樣式也可以修改，主要是去掉原來(lái)的輸入樣式，添加自己的樣式。

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

涉及知識(shí)點(diǎn)：

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

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

3點(diǎn)擊時(shí)改變邊框顏色和陰影，方框陰影中的發(fā)光樣式看起來(lái)更漂亮

4點(diǎn)擊時(shí)會(huì)添加動(dòng)畫(huà)