美文网首页
如何用css绘制车辆牌照背景

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

作者: 有只猫叫花泽类 | 来源:发表于2018-09-04 19:14 被阅读0次
    效果图

    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绘制车辆牌照背景

          本文链接:https://www.haomeiwen.com/subject/dqsnwftx.html