css的一个问题

如下图所示:
登录遇到问题和立即注册之间的那个 竖条 用哪种方法画出来最合适

demo

阅读 4.5k
9 个回答

图片描述

可以用css中的伪元素进行处理:

<div class="login-fail"></div>
<div class="sign-up"></div>
.login-fail {
    &::after{
        content: ' | '
        width: 1px;
        height: 10px; //custom self
    }
}

you can see in

可以用背景也可以用偽元素,這種沒有語意的元素盡量不出現在dom中

推荐使用border right,设置适当的内边距既可

一般是单边border

一般是背景图,方便做兼容

我推荐使用伪元素,伪元素的话,随便用content或者border来做。

而如果直接用border来做的吧,那就会使可点击区域变大了。

新手上路,请多包涵

border-left或border-right

我觉得吧如果那个竖条不是图片直接用border就行,如果是图片的话就用伪类

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题