美文网首页
如何用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绘制车辆牌照背景

    css代码: box-shadow上下左右偏移均设置为0可以实现四周外阴影,添加inset参数则实现内阴影效果如:

  • CSS绘制网格背景

    CSS绘制网格背景 CSS 代码 预览图

  • CSS-绘制各种基本图形

    最近被问到如何用CSS绘制一个圆,解决这个问题的同时引发了我对CSS绘制图形的兴趣。今天汇总一下CSS绘制的各种基...

  • CSS3背景与渐变

    CSS3背景 背景图片区域:background-clip属性 概念:指定背景绘制区域 语法:background...

  • CSS3背景与渐变

    CSS3 背景图像区域 background-clip(指定背景绘制区域)ackground-clip: bord...

  • 【CSS】斜拼砖块背景

    先看看效果图 CSS代码 利用background渐变的能力,绘制背景。

  • 2019-05-19CSS3背景与渐变

    CSS3背景图像区域 background-clip属性 指定背景绘制区域 background-clip:bor...

  • CSS3背景和渐变的概念与实践

    CSS3背景 1.background-clip该属性指定背景图像的绘制区域语法:background-clip:...

  • 【CSS】波点背景

    CSS代码 首先建立了一个背景色 #655,用radial-gradient绘制波点。 CSS代码 注意:为了...

  • CSS背景属性

    1.css3与背景相关新增属性: background-origin :指定绘制背景图片的起点backgroun...

网友评论

      本文标题:如何用css绘制车辆牌照背景

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