html – 垂直分隔符CSS

前端之家收集整理的这篇文章主要介绍了html – 垂直分隔符CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在创建一个垂直分隔线,工作正常.但CSS很麻烦.

CSS是:

.headerDivider1 {
border-left:1px solid #38546d;height:80px;position:absolute;right:250px;top:10px;
}

.headerDivider2 {
border-left:1px solid #16222c;height:80px;position:absolute;right:249px;top:10px;
}

HTML是:

<div class="headerDivider1"></div><div class="headerDivider2"></div>

结果是:

如何整理HTML和CSS?

解决方法

.headerDivider {
     border-left:1px solid #38546d; 
     border-right:1px solid #16222c; 
     height:80px;
     position:absolute;
     right:249px;
     top:10px; 
}

<div class="headerDivider"></div>
原文链接:https://www.f2er.com/html/230684.html

猜你在找的HTML相关文章