利用before after伪类 制作凹感的直线
利用before after伪类 制作凹感的直线
tianyawhl
发布于 2019-04-04 16:53:03
发布于 2019-04-04 16:53:03
.main-header .navbar {/* background:#ecf0f5; */position:relative;}.main-header .navbar:before
{
content: '';position:absolute;display:block;top:100%;height:3px;width:100%;background:#fff;border-top:1px solid #c6c6c6;border-bottom:1px solid #f9f9f9;
}
首先div 定义positon 然后before伪类设置positon 并定义宽度和背景及边框颜色，整个文档的背景是background:#ecf0f5;
(adsbygoogle = window.adsbygoogle || []).push({});
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2016/02/04 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读