雅典娜的棒槌

 关注

CSS笔记4

雅典娜的棒槌

 关注

阅读 46

2022-01-09

文章目录

  • 盒子模型
    • 边框
    • 内边距
    • 外边距
    • 圆角边框
    • 盒子阴影
    • 文字阴影

盒子模型

在这里插入图片描述

边框

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

内边距

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

外边距

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
总结：盒子上面的距离尽量用margin来做，不用减去本身的高度
在这里插入图片描述
在这里插入图片描述

圆角边框

在这里插入图片描述
如何让盒子变成圆形：border-radius:50%;
圆角矩形设置为高度的一半
在这里插入图片描述

盒子阴影

在这里插入图片描述
在这里插入图片描述

文字阴影

在这里插入图片描述

相关推荐

白衣蓝剑冰魄

HTML+CSS笔记4

白衣蓝剑冰魄 81 0 0

独西楼Q

java web笔记4：基本css

独西楼Q 48 0 0

往复随安_5bb5

CSS4笔记

往复随安_5bb5 120 0 0

皮皮球场

CSS个人学习笔记（day 4）

皮皮球场 184 0 0

四月天2021

Java Web学习笔记4——HTML、CSS

四月天2021 15 0 0

IT程序员

前端笔记css（4）---css的继承、层叠和优先级

IT程序员 47 0 0

三维控件研究

CSS-4

三维控件研究 6 0 0

沈芏

HTML/CSS/JS学习笔记 Day7（CSS--C4 CSS的三大特性）

沈芏 2 0 0

小黑Neo

css笔记

小黑Neo 66 0 0

老榆

CSS笔记

老榆 133 0 0

精彩评论（0）

0 0 举报