欢迎光临
我们一直在努力

CSS设置背景色指定高度的方法

CSS设置背景色指定高度的方法,比如通过css设置背景色占元素的一半高度,我们通过:before伪类来实现。

示例代码:

  <!DOCTYPE html>  <html lang="zh-CN">  <head>    <meta charset="UTF-8" />    <title>无标题文档</title>    <style type="text/css">  p {     display: inline-block;     position: relative;  }  p::before {     content: '';     position: absolute;     bottom: 0;     left: 0;     width: 100%;     height: 50%;     background: rgba(255, 187, 68, 0.2);  }    </style>  </head>    <body>    <p>零五科技-分享有效的IT技术,www.02405.com</p>  </body>  </html>

最终效果:

CSS设置背景色指定高度的方法

注意事项:

务必要设置元素的position: relative;否则定位会出现偏差。

赞(0)
未经允许不得转载:吾爱资源网 » CSS设置背景色指定高度的方法
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
'); })();