垂直分隔线CSS [英] Vertical divider CSS

问题描述

我正在创建一个垂直分隔线，效果很好。但是CSS很麻烦。

I am creating a vertical divider, that works fine. But the CSS is cumbersome.

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 ？

How could I tidy the HTML and CSS up?

推荐答案

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

<div class="headerDivider"></div>

这篇关于垂直分隔线CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！