站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
CSS内边距
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span> <div style="clear:both;"></div> 元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。 <br> <nowiki> CSS padding 属性定义元素边框与元素内容之间的空白区域。</nowiki><br> <nowiki>CSS padding 属性</nowiki><br> <nowiki>CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。</nowiki><br> 例如,如果您希望所有 h1 元素的各边都有 10 像素的内边距,只需要这样:<br> <nowiki>h1 {padding: 10px;}您还可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值:</nowiki><br> <nowiki>h1 {padding: 10px 0.25em 2ex 20%;}单边内边距属性<nowiki><br> 也通过使用下面四个单独的属性,分别设置上、右、下、左内边距:<br> <nowiki>padding-top </nowiki><br> <nowiki>padding-right </nowiki><br> <nowiki>padding-bottom </nowiki><br> <nowiki>padding-left </nowiki><br> 您也许已经想到了,下面的规则实现的效果与上面的简写规则是完全相同的:<br> <nowiki>h1 {</nowiki><br> <nowiki>padding-top: 10px;</nowiki><br> <nowiki>padding-right: 0.25em;</nowiki><br> <nowiki>padding-bottom: 2ex;</nowiki><br> <nowiki>padding-left: 20%;</nowiki><br> }<br> 内边距的百分比数值<br> 前面提到过,可以为元素的内边距设置百分数值。百分数值是相对于其父元素的 width 计算的,这一点与外边距一样。所以,如果父元素的 width 改变,它们也会改变。<br> 下面这条规则把段落的内边距设置为父元素 width 的 10%:<br> <nowiki>p {padding: 10%;}</nowiki>例如:如果一个段落的父元素是 div 元素,那么它的内边距要根据 div 的 width 计算。<br> <nowiki><div style="width: 200px;"></nowiki><br> <nowiki><p>This paragragh is contained within a DIV that has a width of 200 pixels.</p></nowiki><br> <nowiki></div> </nowiki><br> 注意:上下内边距与左右内边距一致;即上下内边距的百分数会相对于父元素宽度设置,而不是相对于高度。 <br> [[category:CSS学习教程]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:开发语言导航
(
编辑
)