前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

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

2020-11-10 16:05:18 来源:原创 作者:寂静的神经

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>

最终效果:

注意事项:

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

本文关键词:高度 背景色

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1