css中改变元素的内填充用什么属性

css中改变元素的内填充用：1、padding属性，可以同时改变元素上下左右的内填充；2、padding-top、padding-bottom、padding-left和padding-right属性，分别改变元素上下左右的内填充。
创新互联建站长期为千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为蜀山企业提供专业的成都做网站、成都网站设计，蜀山网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css中改变元素的内填充

1、直接使用padding属性

padding属性是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内填充。

语法：

padding:上内填充右内填充下内填充左内填充;padding:上内填充左右内填充下内填充;padding:上下内填充左右内填充;padding:上下左右的内填充;

示例：

<!DOCTYPE html><html><head><meta charset="utf-8"> <style>p.ex1 {padding:2cm;}p.ex2 {padding:0.5cm 3cm;}</style></head><body><p class="ex1">这个文本两边的填充边距一样。每边的填充边距为2厘米。</p><p class="ex2">这个文本的顶部和底部填充边距都为0.5厘米，左右的填充边距为3厘米。</p></body></html>

2、使用padding-top、padding-bottom、padding-left和padding-right属性

padding-top：设置元素的顶部填充

padding-bottom：设置元素的底部填充

padding-left：设置元素的左部填充

padding-right：设置元素的右部填充

<!DOCTYPE html><html><head><meta charset="utf-8"><style>p{border: 1px solid red;}p.ex1 {padding-top: 15px;}p.ex2 {padding-bottom: 15px;}p.ex3 {padding-left: 15px;}p.ex4 {padding-right: 15px;}</style></head><body><p class="ex1">文本上填充15px。</p><p class="ex2">文本下填充15px。</p><p class="ex3">文本左填充15px。</p><p class="ex4">文本右填充15px。</p></body></html>

（学习视频分享：css视频教程）

分享名称：css中改变元素的内填充用什么属性
标题路径：https://www.cdcxhl.com/article36/cjodpg.html

成都网站建设公司_创新互联，为您提供移动网站建设、品牌网站制作、云服务器、企业建站、标签优化、网站制作

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容