您当前的位置:首页 > 枫桥随记 > CSS笔记网站首页CSS笔记

CSS样式,内边距,外边距属性

作者:玉龙 来源:css样式记录 2018-09-29 共有170人围观
文章简介 “margin:30px;”表示四个方向的外边距都是30px;
“margin:20px 40px;”
表示margin-top和margin-bottom为20px,margin-right和margin-left为40px。
“margin:20px 40px 60px 80px;”
表示margin-top为20px,margin-right为40px,margin-bottom为60px,margin-left为80px。大家按照顺时针方向记忆就可以了。
玉龙博客
ans玉龙博客 - 恒强制版 - 智能吓数
如上所示就是用了Padding:8px;样式。上下左右都是内边距8px。ans玉龙博客 - 恒强制版 - 智能吓数
 
cssbj/ target=_blank class=infotextkey>css样式外边距
ans玉龙博客 - 恒强制版 - 智能吓数
ans玉龙博客 - 恒强制版 - 智能吓数
margin:30px;”表示四个方向的外边距都是30px;ans玉龙博客 - 恒强制版 - 智能吓数
“margin:20px 40px;”ans玉龙博客 - 恒强制版 - 智能吓数
表示margin-top和margin-bottom为20px,margin-right和margin-left为40px。ans玉龙博客 - 恒强制版 - 智能吓数
“margin:20px 40px 60px 80px;”ans玉龙博客 - 恒强制版 - 智能吓数
表示margin-top为20px,margin-right为40px,margin-bottom为60px,margin-left为80px。ans玉龙博客 - 恒强制版 - 智能吓数
 
css样式内边距
ans玉龙博客 - 恒强制版 - 智能吓数
Padding:30px; 表示四个方向的内边距都是30px;ans玉龙博客 - 恒强制版 - 智能吓数
padding:10px 5px 15px 20px;ans玉龙博客 - 恒强制版 - 智能吓数
表示padding -top为10px,padding -right为5px,padding -bottom为15px,padding -left为20px。大家按照顺时针方向记忆就可以了。ans玉龙博客 - 恒强制版 - 智能吓数
ans玉龙博客 - 恒强制版 - 智能吓数
top=上ans玉龙博客 - 恒强制版 - 智能吓数
right=右ans玉龙博客 - 恒强制版 - 智能吓数
bottom=下ans玉龙博客 - 恒强制版 - 智能吓数
left=左ans玉龙博客 - 恒强制版 - 智能吓数
 

写文章不易,如果您觉得文章对您有帮助。
打赏激励下作者吧,谢谢支持!
~(@^_^@)~

微信扫一扫

微信打赏扫一扫

支付宝扫一扫

支付宝打赏扫一扫

文章评论