更改行 hr 的颜色
Change colour of line hr
这是我的网站。我需要第三部分的那一行是黑色的。我在 css 上使用了 hr 标签并将其样式设置为白色,因为它后面的页面我需要它在白色?那么我该如何设计不同的风格呢?抱歉,我是 html/css 的新手!
请帮忙!
http://opax.swin.edu.au/~9991042/DDM10001/brief_2/Amalfi%20Coast/www_root/
<div id="con2">
<div id="box3">
<span class="fontheading">RESEARCH, PLAN AND SAVE </span> <br><hr /><br>
<span class="font1"> You'll collect all of <br>your favourite <br>
Amalfi activities <br>and attractions <br>in one place </span>
<br><br><span class="font2">Just sign up<br>for your free<br>account
<a href="#">here</a></span>
</div>
</div>
CSS
hr { width:100%; height:1px; background: #fff }
为不同的hr
标签添加不同的类,例如:<hr class='hr-black'/>
然后在CSS中更改颜色。
<hr>
使用 border
,而不是 background-color
。事实上,它四面都有边界。我通常通过在设置 border-bottom-*
属性
之前设置 border-width: 0px;
来覆盖它
hr {
border-width: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
how do i style them differently?
在您要更改的 <hr>
标签后附加 class。
<hr class="white">
然后仅将 css 应用于 class
hr.white {
border-width: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
您可以通过更改 line-height
属性.
的值来更改 space 一个 <hr>
标签垂直占据的数量
hr.white {
line-height: 1px;
border-width: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
这是我的网站。我需要第三部分的那一行是黑色的。我在 css 上使用了 hr 标签并将其样式设置为白色,因为它后面的页面我需要它在白色?那么我该如何设计不同的风格呢?抱歉,我是 html/css 的新手!
请帮忙!
http://opax.swin.edu.au/~9991042/DDM10001/brief_2/Amalfi%20Coast/www_root/
<div id="con2">
<div id="box3">
<span class="fontheading">RESEARCH, PLAN AND SAVE </span> <br><hr /><br>
<span class="font1"> You'll collect all of <br>your favourite <br>
Amalfi activities <br>and attractions <br>in one place </span>
<br><br><span class="font2">Just sign up<br>for your free<br>account
<a href="#">here</a></span>
</div>
</div>
CSS
hr { width:100%; height:1px; background: #fff }
为不同的hr
标签添加不同的类,例如:<hr class='hr-black'/>
然后在CSS中更改颜色。
<hr>
使用 border
,而不是 background-color
。事实上,它四面都有边界。我通常通过在设置 border-bottom-*
属性
border-width: 0px;
来覆盖它
hr {
border-width: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
how do i style them differently?
在您要更改的 <hr>
标签后附加 class。
<hr class="white">
然后仅将 css 应用于 class
hr.white {
border-width: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
您可以通过更改 line-height
属性.
<hr>
标签垂直占据的数量
hr.white {
line-height: 1px;
border-width: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}