CSS里 怎么用盒子的下边框画一条红色的2PX的线 网页显示的时候 只有一条直线就可以了

html-css011

CSS里 怎么用盒子的下边框画一条红色的2PX的线 网页显示的时候 只有一条直线就可以了,第1张

CSS代码如下

border-bottom: 2px solid red

代码解释:

border-bottom: 表示下边框

2px:表示边框宽度

solid:实现边框

red:红色

border:3px solid blueviolet只是把这行代码作了移动就好了,但是至于你的代码其他部分为什么这么写,我看不懂,也不作深究了。

<style type="text/css">

        span{

            height:50px

            width:50px

            display:block

            position:relative

        }

        .demoSpan1{

            background-color:antiquewhite

            border:3px solid blueviolet

        }

        .demoSpan1:before{

            content:''

            display:block

            position:absolute

        }

    </style>