如何用css绘制车辆牌照背景

效果图

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;
}

你可能感兴趣的:(如何用css绘制车辆牌照背景)