css - 请问如何添加这两条虚线？

问题描述

问 题

个人信息板块和用户信息板块是两个div，如何添加个人信息右边和用户信息左边的这两条灰色的虚线呢？如图

解决方案

/html/

<div>
            <span>title</span>
            <a></a>
        </div>

/css/

div{
                width: 100px;
                height: 50px;
                position: relative;
                background: #FFFFFF;
            }
            span{
                display: block;
                width: 40px;
                height: 100%;
                line-height: 50px;
                position: absolute;
                left: 0;
                background: #FFFFFF;
            }
            a{
                display: block;
                width: 100%;
                height: 0;
                border-bottom: 1px solid #DDDDDD;
                padding-top: 24px;
            }

看看是你要的不

这篇关于css - 请问如何添加这两条虚线？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！