首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >垂直分隔符CSS

垂直分隔符CSS
EN

Stack Overflow用户
提问于 2011-01-13 07:49:19
回答 3查看 123.4K关注 0票数 29

我正在创建一个垂直分隔符,它工作得很好。但是CSS很麻烦。

CSS是:

代码语言:javascript
复制
.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是:

代码语言:javascript
复制
<div class="headerDivider1"></div><div class="headerDivider2"></div>

结果是:

我怎样才能整理好HTML和CSS?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-01-13 07:51:57

代码语言:javascript
复制
.headerDivider {
     border-left:1px solid #38546d; 
     border-right:1px solid #16222c; 
     height:80px;
     position:absolute;
     right:249px;
     top:10px; 
}

<div class="headerDivider"></div>
票数 72
EN

Stack Overflow用户

发布于 2011-01-13 07:52:20

代码语言:javascript
复制
<div class="headerdivider"></div>

代码语言:javascript
复制
.headerdivider {
    border-left: 1px solid #38546d;
    background: #16222c;
    width: 1px;
    height: 80px;
    position: absolute;
    right: 250px;
    top: 10px;
}
票数 5
EN

Stack Overflow用户

发布于 2022-02-21 11:13:34

仅适用于垂直分隔符

代码语言:javascript
复制
.divider {
  border-left: 1px solid #000;
  height: 100%;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4675371

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档