039-CSS之内边距

程序员大阳

软件应用技术领域优质创作者

博客专家认证

2023-01-13 03:07:01

课时名称	课时知识点
039-CSS之内边距	使用CSS设置网页的内边距

...全文

94 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

DHTMLET - Cascading Style Sheet 2.0 中文手册

学习笔记，仅供参考，有错必纠参考自：某不知名网课文章目录盒子模型内边距(padding)属性设置内盒尺寸计算padding什么时候不影响盒子大小盒子模型内边距(padding) padding属性用于设置内边距，是指边框与内容之间的距离。属性设置属性作用 padding-left 左内边距 padding-right 右内边距 padding-top 上内边距 padding-bottom 下内边距注意，当我们给盒子指定padding值之后，内

在前端开发中经常会使用css盒子模型,一般我们会通过css设置width(宽度)，padding(内边距)，margin(外边距)等属性可以调节整个盒子的大小。本章就给大家介绍css盒子模型的内边距(padding)属性的使用方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。内边距是如何设置的？我们的内间距是属于css盒模型之中的一种，那么现在我们来看看内间距都是怎么设置的吧。p...

当我们向让文本看着更正确或者说更有条理性是，通常我们会选择内边距但在盒子的高宽计算中内边距是要加上的即:内边距的距离通用会成为元素的体积在宽度同为80%时我们会发现下面的元素却宽了许多，原因就是他带有10px的内边距这时就需要我们的主角出场了 calc计算属性我们知道padding 会给四个方向都加上10px内边距那么我们现在只考虑宽度需要考虑的是左右两边的内边距之和为20px内边距那么我们就可以给下面的元素宽度定义为 width:calc(80% - 10px); 效果

盒子模型--内边距： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>盒子模型--内边距</title> <style> .box1{ width: 200px; height: 200px; background-color: #bfa; border: solid 10px orange;

熊猫大哥大的课程社区_NO_1

1

社区成员

49

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章