img css 去掉边框阴影
时间: 2024-11-06 15:08:05 浏览: 12
css3实现的图片边框阴影特效.zip
在CSS中,如果你想去除图片元素(img)的边框和阴影效果,你可以直接针对img元素应用一些特定的样式。以下是两个相关的CSS代码片段:
1. 如果只想去掉边框,你可以使用`border: none;`,示例如下:
```css
img {
border: none;
}
```
2. 要同时去掉边框和阴影,可以分别设置`border`和`box-shadow` 属性为`none` 或者 `0`, 示例如下:
```css
img {
border: none;
box-shadow: none;
}
```
如果你想针对鼠标悬停或点击状态也取消边框和阴影,可以用`:hover` 或 `:active`伪类,如:
```css
img {
border: none;
box-shadow: none;
}
img:hover,
img:active {
border: none;
box-shadow: none;
}
```
阅读全文