搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS 教程
CSS 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS padding属性示例- 基础教程(div.cn)</title> <style> p { background: #f0e68c; } p.one { padding: 20px; } p.two { padding: 35px 15px; } p.three { padding: 20px 100px 50px; } p.four { padding: 10px 30px 50px 150px; } </style> </head> <body> <p>这是一个普通的段落。</p> <p class="one">此段落的所有边距都相等，为20px。</p> <p class="two">此段落的顶部和底部填充为35px，左侧和右侧填充为15px。</p> <p class="three">此段落的顶部填充为20px，左侧和右侧填充为100px，底部填充为50px。</p> <p class="four">此段落的顶部填充为10px，右侧填充为30px，底部填充为50px，左侧填充为150px。</p> </body> </html>
运行结果
