鱼C论坛

 找回密码
 立即注册
查看: 4771|回复: 10

[学习笔记] 044 - 我们是优雅生活的践行者(上)

[复制链接]
发表于 2020-5-5 08:28:14 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 不二如是 于 2020-5-15 16:45 编辑






哈哈,废话不多说了,#敲黑板时刻!





在线视频:传送门





课程思维导图

44.png

猛戳

                               
登录/注册后可看大图
超清





这节课所有内容:

Snip20200505_97.png


所有块级元素和行内元素都可以设置边框。

代码:
<!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 中诸多属性上都通用,请牢记。




课后作业,完成了吗?


传送门






                               
登录/注册后可看大图







如果有收获,别忘了评分


                               
登录/注册后可看大图


这位鱼油,如果喜欢本系列学习笔记,请订阅 淘专辑传送门)(不喜欢更要订阅

评分

参与人数 2荣誉 +7 鱼币 +7 贡献 +3 收起 理由
鱼C-小师妹 + 5 + 5 + 3 鱼C有你更精彩^_^
liuzhengyuan + 2 + 2

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-5-5 08:33:38 | 显示全部楼层
来啦
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-5-5 08:42:08 | 显示全部楼层
又更新了!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-5-5 08:42:54 | 显示全部楼层
地板
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-5-5 09:10:19 | 显示全部楼层
下水道
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-5-5 09:42:55 | 显示全部楼层
这贴沉了???!!!顶一下我猜是因为没有回帖奖励。。。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-5-5 09:44:10 | 显示全部楼层
而且课后作业传送门失灵。。。。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-5-5 10:01:40 | 显示全部楼层
来自地狱的支持
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-5-5 10:03:53 | 显示全部楼层
来自虚空的顶!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-5-5 10:04:45 | 显示全部楼层
可算是更了呢~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-6-26 07:15:43 | 显示全部楼层
加油!!!
点赞不二如是
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-23 08:15

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表