简单的CSS3.0

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>

这样我们就组成一个完整的边框啦