马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 不二如是 于 2020-5-15 16:45 编辑
哈哈，废话不多说了， #敲黑板时刻！ 
课程思维导图
这节课所有内容：
所有块级元素和行内元素都可以设置边框。
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鱼C-零基础入门学习Web（Html5+Css3）</title>
<style type="text/css">
p{
width: 111px;
}
.dotted {border-style: dotted}
.dashed {border-style: dashed}
.solid {border-style: solid}
.double {border-style: double}
.groove {border-style: groove}
.ridge {border-style: ridge}
.inset {border-style: inset}
.outset {border-style: outset}
</style>
</head>
<body>
<p class="dotted">A dotted border</p>
<p class="dashed">A dashed border</p>
<p class="solid">A solid border</p>
<p class="double">A double border</p>
<p class="groove">A groove border</p>
<p class="ridge">A ridge border</p>
<p class="inset">An inset border</p>
<p class="outset">An outset border</p>
</body>
</html>
重点要知道为每一条边框单独设置样式、宽度和颜色时，不同值是有不同的设置顺序滴：
- 4 个值：上、右、下、左（顺时针方向）
- 3 个值：上、右左、下
- 2 个值：上下、右左
这个顺序在 CSS 中诸多属性上都通用，请牢记。
课后作业，完成了吗？
传送门
如果有收获，别忘了评分 ：
这位鱼油，如果喜欢本系列学习笔记，请订阅 淘专辑（ 传送门）（ 不喜欢更要订阅 ） | 
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2020-5-5 08:28:14
置顶卡
千斤顶
显身卡
发表于 2020-5-5 08:33:38
发表于 2020-5-5 08:42:08
我猜是因为没有回帖奖励。。。
。