weiter 发表于 2020-4-4 20:18:19

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

本帖最后由 weiter 于 2020-4-4 20:18 编辑

【CSS3】第二弹：一抹亮丽的色彩
护眼绿来啦{:10_333:}
上一次我们搞定了颜色和背景色，这次我们要给它们加上边框！{:10_257:}
好，那么我们就起飞啦 。{:10_254:}
不过先声明：我刚刚接触这方面，有错误请指正{:10_299:}
**** Hidden Message *****
接下来上一段代码：
div{
        color: crimson;
        border: 0.15625rem solid #DC143C;
}
这里的color设定了div的颜色，然后后面这一段代码是干嘛的？回复看答案，看你答对了吗
**** Hidden Message *****
好，因为div是行内元素，我们可以给它的父元素加上这样一段代码（假设这个div的父元素是body）算是填了第二弹的坑了{:10_256:} ：
**** Hidden Message *****
好了，接下来继续本人很不熟悉的一部分：内外边距
先把刚刚的外边距搞完
div{
        color: crimson;
        border: 0.15625rem solid #DC143C;
        margin: 5%;
}在加上flex大法之后，在原来基础上改进的，大家可以试一下添加标签，看一看有了什么样的效果哈。
直接加上margin其实就相当于上下左右都设置了统一的边距。
搞定了外边距，我们来看一下内边距，内边距用padding，和margin一样，五个成员，不用说了上代码！
div{
        color: crimson;
        border: 0.15625rem solid #DC143C;
        margin: 5%;
        padding: 2%;
}
这是在刚刚代码基础上又加了一句话，也不用解释太多了，这一弹内容基本就结束了，希望和大家一起进步！{:10_254:}
如果喜欢，请收藏或订阅哦{:10_298:}

weiter 发表于 2020-4-4 20:18:20

沙发{:10_256:}

liuzhengyuan 发表于 2020-4-4 20:51:38

护眼绿这主意不错 {:10_257:}

weiter 发表于 2020-4-4 21:00:30

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

怎么了？我喜欢绿色{:10_250:}

KentH 发表于 2020-4-12 11:29:34

回复

呆萌程序员 发表于 2020-8-25 22:10:40

给一个比边框
页: [1]
查看完整版本: 【CSS3】第三弹：论距离产生美