html图片边框发光,css – 围绕div发光,边框和颜色
时间: 2023-07-31 13:06:55 浏览: 170
图片加边框css+div
3星 · 编辑精心推荐
要实现HTML图片边框发光效果,可以使用CSS的box-shadow属性。比如:
```
img {
box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00e4, 0 0 70px #ff00e4, 0 0 80px #ff00e4, 0 0 100px #ff00e4;
}
```
这个代码将在图片周围产生一系列阴影,最终效果就是边框发光了。
如果要围绕div发光,可以使用类似的方法:
```
div {
box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00e4, 0 0 70px #ff00e4, 0 0 80px #ff00e4, 0 0 100px #ff00e4;
}
```
这个代码将在div周围产生一系列阴影,最终效果就是div发光了。
如果需要修改边框颜色、宽度等属性,可以使用CSS的border属性,比如:
```
div {
border: 5px solid #ff00e4;
}
```
这个代码将给div添加5像素宽度、颜色为#ff00e4的边框。
阅读全文