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

html-css097

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

CSS代码如下

border-bottom: 2px solid red

代码解释:

border-bottom: 表示下边框

2px:表示边框宽度

solid:实现边框

red:红色

<div class="radian"></div>

.radian{

width: 200px

height: 100px

border-radius: 200px/20px/*上下有弧度的边*/

/*border-radius: 20px/200px*//*左右有弧度的边*/

background-color: red

}

border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。