css代码:
.a {
color: white; // 字体颜色
background-color: #1e68bb; // 背景色
border-radius: 2px; // 边框圆角
border:white .5px solid; // 白色外边框
text-align: center; // 字体居中
padding: 2px 9px; // 内边距
display: inline-block; // 视用在什么元素上而定
box-shadow: 0 0 1px 2px #1e68bb;
// 外阴影 前两个参数分别是上下和左右偏移 后两个属性依次为模糊距离和阴影尺寸 最后是颜色
}
box-shadow上下左右偏移均设置为0可以实现四周外阴影,添加inset参数则实现内阴影效果
如:
{
box-shadow: 0 0 1px 2px #1e68bb inset;
}