Hellow大家好!今天我们来学习边框,可别小看这么一个边框啊,它蕴含的东西啊可多着呢。上次我们说过啊很多代码都是由英文翻译过来的,那边框是什么呢?没错啊我们这期就围绕一个代码进行的,那就——border。
1、首先我们来看最简单的一个代码
div{
width: 100px;
height: 100px;
border-right: 1px solid;
}
<div></div>
这样我们就能看到
非常朴实无华的一条线啊,这个代码是什么意思呢?告诉我们啊在div元素右边创建一个边框,并且是直线的,所以以此类推啊我们在上下左右都可以创建一条线,合起来就是一个边框啦。
div{
width: 100px;
height: 100px;
border-right: 1px solid;
border-left: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid;
}
<div></div>
这样我们就组成一个完整的边框啦