CSS 设置背景色指定高度

作者: 我是七月 | 来源:发表于2024-05-28 10:19 被阅读0次

css设置指定高度差
CSS阶段第一小节第二天
CSS学习1
CSS3实现“弹出icon”表单
css-背景
清浮动的4种方法
清除浮动的几种方式的比较和position属性的比较
2019-03-09 带边框的三角形提示框
AutoLayout实现Parallax Header
前端bug汇总

CSS 设置背景色指定高度，我们通过 ::before 或者 ::after伪类来实现。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <title>css 设置指定高度背景色</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>我的背景颜色指定高度50%</p>
</body>
</html>

css设置指定高度差
属性 calc
CSS阶段第一小节第二天
1.CSS语法 ①CSS的格式 ②CSS的属性 *width：设置宽度，单位px（像素） *height：设置高度...
CSS学习1
css背景：背景色可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色...
CSS3实现“弹出icon”表单
查看demo 结构样式 selection设置用户选中的文本的颜色和背景色。设置head...
css-背景
关于背景色可以使用background-color在css样式里设置背景的颜色；1.背景色要想背景色从元素中的文...
清浮动的4种方法
1.对父级设置适合CSS高度对父级设置适合高度样式清除浮动，一般设置高度需要能确定内容高度才能设置。缺点：高度...
清除浮动的几种方式的比较和position属性的比较
1. 对父级设置适合CSS高度对父级设置适合高度样式清除浮动，一般设置高度需要能确定内容高度才能设置。 ...
2019-03-09 带边框的三角形提示框
CSS html 此外，如若，设置边框的颜色与背景色相同，也能得到没有边框的：css： html
AutoLayout实现Parallax Header
xib里设置table的约束，背景色为clear，imageview的高度为200代码里这样设置：
前端bug汇总
div整体ahove不变色原因设置div的背景色不变色是因为设置高度太小导致.应该去除height属性设置.