本文主要解释如何改变css中元素的内部填充。感兴趣的朋友不妨看看。本文介绍的方法简单、快速、实用。让边肖带你学习“如何改变css中元素的内部填充”!
Css用于改变元素的内部填充:1。padding属性可以同时上下左右改变元素的内部填充;2.padding-top、padding-bottom、padding-left和padding-right属性分别更改元素的内部填充。
本教程操作环境:windows7系统,CSS3HTML5第5版,戴尔G3电脑。
css中改变元素的内填充
1、直接使用padding属性
Padding属性是一个简写属性,它定义了元素边框和元素内容之间的空间,即顶部、底部、左侧和右侧的填充。
语法:
Padding:上内填右内填下内填左内填;
Padding:上内填、左右内填、下内填;
Padding:上下内填和左右内填;
上下左右划水:加注;示例:
!DOCTYPEhtml
超文本标记语言
头
metachartset=' utf-8 '
风格
p.ex1 { padding:2cm}
p . ex2 { padd :0.5 cm3 cm;}
/style
/head
身体
Pclass='ex1 '此文本两侧的填充边距相同。每边的填充边距为2厘米。/p
Pclass='ex2 '此文本的上下填充边距为0.5厘米,左右填充边距为3厘米。/p
/body
/html
2、使用padding-top、padding-bottom、padding-left和padding-right属性
Padding-top:设置元素的顶部填充。
填充-底部:设置元素的底部填充。
左填充:设置元素的左填充。
右填充:设置元素的右填充。
!DOCTYPEhtml
超文本标记语言
头
metachartset=' utf-8 '
风格
p{
border:1pxsolidred
}
p.ex1{
填充-top :15 px;
}
p.ex2{
填充-bottom :15 px;
}
p.ex3{
左衬垫left:15px
}
p.ex4{
填充-右侧:15 px;
}
/style
/head
身体
Pclass='ex1 '文本用15px填充。/p
Pclass='ex2 '文本用15px填充。/p
Pclass='ex3 '文本左填充15px。/p
Pclass='ex4 '文本右填充15px。/p
/body
/html
至此,相信大家对“如何改变css中元素的内部填充”有了更深的理解,下面就来一个实操吧!这是网站。更多相关内容,可以去相关渠道查询,关注我们,继续学习!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/139204.html