|
|
马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
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
我猜是因为没有回帖奖励。。。
