html – 围绕所有内容的div的背景颜色

概述我正在研究一个’arrow’-div.它目前看起来像这样： div包含另外两个div(两行).我希望背景几乎缠绕在线条上.但黄色背景的高度比线条的高度小很多.我已经尝试过’height：auto’了.我希望有人可以帮助我. #lineAll { background-color: yellow; height: auto;}#line1 { height: 2px; back 我正在研究一个’arrow’-div.它目前看起来像这样：

div包含另外两个div(两行).我希望背景几乎缠绕在线条上.但黄色背景的高度比线条的高度小很多.我已经尝试过’height：auto’了.我希望有人可以帮助我.

#lineAll {  background-color: yellow;  height: auto;}#line1 {  height: 2px;  background-color: black;  transform: rotate(35deg);  wIDth: 40px;}#line2 {  height: 2px;  background-color: black;  transform: rotate(-35deg);  wIDth: 40px;  margin-top: 20px;}

<div ID="lineAll">  <div ID="line1"></div>  <div ID="line2"></div></div>

编辑：

宽度也不是我想要的方式.它目前是屏幕的100％宽度.

解决方法 试试这个：

<div >    <div ID="lineAll">       <div ID="line1"></div>       <div ID="line2"></div>    </div></div><style>#lineAll {   background-color: yellow;   height: auto;}#line1 {  height: 2px;  background-color: black;  transform: rotate(35deg);  wIDth: 40px;}#line2 {  height: 2px;  background-color: black;  transform: rotate(-35deg);  wIDth: 40px;  margin-top: 20px;}

总结

以上是内存溢出为你收集整理的html – 围绕所有内容的div的背景颜色全部内容，希望文章能够帮你解决html – 围绕所有内容的div的背景颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。