• 主页

  • 投资

  • IT

    🔥
  • 设计

  • 销售

  • 共38篇

    前端 - CSS

关闭

返回栏目

关闭

返回前端 - CSS栏目

14 - 通用属性 - padding:; - 内边框

作者:

贺及楼

成为作者

更新日期:2025-01-19 10:53:05

作用:调节内边框

padding 内边框

xxx.css文件

  1. .xxx{
  2. padding:10px;全部
  3. padding:10px 5px;上下 左右
  4. padding:10px 5px 15px;上 右左
  5. padding:10px 5px 10px 5px;上
  6. }
  7. .xxx{
  8. padding-top: 10px;
  9. padding-right: 10px;
  10. padding-bottom: 10px;
  11. padding-left: 10px;
  12. }

chrome浏览器 - 右键 - 检查 - 点击一个页面元素可以在样式看见padding情况
padding
内边框在不同标签会有少许差别,文字标签演示会比较清晰
text演示padding
图片展示上左下右10px累加的一个事例

padding解释

xxx.css文件

  1. .xxx{
  2. padding-top: 10px;上
  3. padding-right: 10px;右
  4. padding-bottom: 10px;下
  5. padding-left: 10px;左
  6. }