html5 - css的一个问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html5 - css的一个问题

黄舟 2017-04-17 13:33:24

[HTML讨论组]

457

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

黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

全部回复(9)

巴扎黑2017-04-17 13:35:24 9楼

赞 +0

添加回复

怪我咯2017-04-17 13:35:24 8楼

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

<p class="login-fail"></p>
<p class="sign-up"></p>

.login-fail {
    &::after{
        content: ' | '
        width: 1px;
        height: 10px; //custom self
    }
}

you can see in

赞 +0

添加回复

PHP中文网2017-04-17 13:35:24 7楼

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

赞 +0

添加回复

怪我咯2017-04-17 13:35:24 6楼

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

赞 +0

添加回复

高洛峰2017-04-17 13:35:24 5楼

一般是单边border

赞 +0

添加回复

怪我咯2017-04-17 13:35:24 4楼

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

赞 +0

添加回复

巴扎黑2017-04-17 13:35:24 3楼

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

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

赞 +0

添加回复

PHP中文网2017-04-17 13:35:24 2楼

border-left或border-right

赞 +0

添加回复

PHP中文网2017-04-17 13:35:24 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>