css3的两种边距属性:1、内边距属性(padding、padding-top等),可设置元素边框与元素内容之间的空间;2、外边距属性(margin、margin-top等),可设置元素周围的空间。
本教程 *** 作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css3的边距分为两种:
内边距(padding):元素边框与元素内容之间的空间
外边距(margin):元素周围的空间
内边距属性
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> p { background-color:yellow; } p.padding { padding:25px 50px; } </style> </head> <body> <p>这是一个没有指定内边距的段落。</p> <p class="padding">这是一个指定内边距的段落。</p> </body> </html>
外边距属性
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> p { background-color:yellow; } p.margin { margin:100px 50px; } </style> </head> <body> <p>这是一个没有指定外边距大小的段落。</p> <p class="margin">这是一个指定外边距大小的段落。</p> </body> </html>
(学习视频分享:css视频教程)
以上就是css3的边距属性包括哪两种的详细内容,
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)