box-shadow: #409EFF 0px 0px 10px; background: #ffffff;
时间: 2023-10-09 18:09:39 浏览: 101
box-shadow是CSS中的属性,可以用来为元素添加阴影效果。该属性需要设置以下几个值:
1. 水平偏移量:阴影在水平方向偏移的距离;
2. 垂直偏移量:阴影在垂直方向偏移的距离;
3. 模糊度:阴影的模糊程度,值越大越模糊;
4. 扩散度:阴影的扩散程度,值越大阴影越大;
5. 阴影颜色:阴影的颜色,可以是十六进制、RGB或颜色名。
相关问题
border-color: #409EFF; 怎么剔除
要剔除 border-color 属性,可以使用以下两种方法之一:
1. 通过将 border-color 设置为 none 或 transparent 来剔除边框颜色,例如:
```
border-color: none;
```
或者
```
border-color: transparent;
```
2. 通过将 border 属性设置为 none 来剔除整个边框,例如:
```
border: none;
```
/* 分页样式 */ .el-pagination { display: flex; justify-content: center; margin-top: 20px; } .el-pagination .el-pager { margin: 0 10px; font-size: 14px; color: #333; border-color: #dcdfe6; border-radius: 2px; cursor: pointer; transition: all .3s; } .el-pagination .el-pager:hover, .el-pagination .el-pager.is-active { color: #fff; background-color: #409EFF; border-color: #409EFF; }修改页码样式为背景颜色白色, 圆形
您可以将.el-pager的样式修改如下:
```css
.el-pagination .el-pager {
margin: 0 10px;
font-size: 14px;
color: #333;
background-color: #fff;
border-color: #dcdfe6;
border-radius: 50%;
cursor: pointer;
transition: all .3s;
height: 24px;
width: 24px;
display: flex;
align-items: center;
justify-content: center;
}
```
这样就可以将页码的样式修改为白色背景,圆形形状了。需要注意的是,由于圆形的样式需要设置固定的高度和宽度才能生效,所以在样式中添加了height和width属性,并将页码的内容居中显示。
阅读全文