【CSS3】第三弹：论距离产生美

weiter

【CSS3】第二弹：一抹亮丽的色彩
护眼绿来啦
上一次我们搞定了颜色和背景色，这次我们要给它们加上边框！
好，那么我们就起飞啦 。
不过先声明：我刚刚接触这方面，有错误请指正

游客，如果您要查看本帖隐藏内容请回复

接下来上一段代码：

1. div{
   
2.         color: crimson;
   
3.         border: 0.15625rem solid #DC143C;
   
4. }

复制代码

这里的color设定了div的颜色，然后后面这一段代码是干嘛的？回复看答案，看你答对了吗

游客，如果您要查看本帖隐藏内容请回复

好，因为div是行内元素，我们可以给它的父元素加上这样一段代码（假设这个div的父元素是body）算是填了第二弹的坑了 ：

游客，如果您要查看本帖隐藏内容请回复

好了，接下来继续本人很不熟悉的一部分：内外边距
先把刚刚的外边距搞完

1. div{
   
2.         color: crimson;
   
3.         border: 0.15625rem solid #DC143C;
   
4.         margin: 5%;
   
5. }

复制代码

在加上flex大法之后，在原来基础上改进的，大家可以试一下添加标签，看一看有了什么样的效果哈。
直接加上margin其实就相当于上下左右都设置了统一的边距。
搞定了外边距，我们来看一下内边距，内边距用padding，和margin一样，五个成员，不用说了上代码！

1. div{
   
2.         color: crimson;
   
3.         border: 0.15625rem solid #DC143C;
   
4.         margin: 5%;
   
5.         padding: 2%;
   
6. }

复制代码

这是在刚刚代码基础上又加了一句话，也不用解释太多了，这一弹内容基本就结束了，希望和大家一起进步！
如果喜欢，请收藏或订阅哦

weiter

沙发

liuzhengyuan

护眼绿这主意不错

weiter

liuzhengyuan 发表于 2020-4-4 20:51
护眼绿这主意不错

怎么了？我喜欢绿色

KentH

回复

呆萌程序员

给一个比边框