数码资讯
CSS下的边距、填充、边框、背景和字体缩写示例
下面是一些比较常用的属性的示例。 缘 边距:1px; 右边距:1px; 边距:1px; 左:1px保证金; 代码简化为:保证金:1px 边距:1px; 右边距:2px; Margin-bottom:1px; 左:2px保证金; 代码简化为:保证金:1px 2px 边距:1px; 右边距:2px; 边
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
下面是一些比较常用的属性的示例。
缘
边距:1px;
右边距:1px;
边距:1px;
左:1px保证金;
代码简化为:保证金:1px
边距:1px;
右边距:2px;
Margin-bottom:1px;
左:2px保证金;
代码简化为:保证金:1px 2px
边距:1px;
右边距:2px;
边距:3px;
左:2px保证金;
代码简化为:保证金:1px 2px 3px
边距:1px;
右边距:2px;
边距:3px;
左:4px保证金;
代码简化为:保证金:1px 2px 3px 4px
注:当属性值是0,单位不可写为:0px是直接写为0
衬垫
填充的书写方法与空白的相似。
1px垫上;
填充右:1px;
座垫:1px;
左:1px填充;
代码简化为:填料:1px
1px垫上;
填充右:2px;
座垫:1px;
左:2px填充;
代码简化为:填料:1px 2px
1px垫上;
填充右:2px;
座垫:3px;
左:2px填充;
代码简化为:填料:1px 2px 3px
1px垫上;
填充右:2px;
座垫:3px;
左:4px填充;
代码简化为:填料:1px 2px 3px 4px
边境
边框宽度:1px;
边框样式:实心;
边框颜色:# 000000;
代码简化为:边框1px solid # 000
背景
背景颜色:# ccffff;
背景图片:URL(图片路径);
背景:repeat-x重复;
背景位置:5px 4px;
代码简化为:背景:# CFF的URL(图片路径)repeat-x 5px 4px
字体
字体大小:26px;
字体粗细:粗体;
字体家族:歌体;
代码简化为:字体:26px大胆歌体
颜色属性值
颜色:# 000000;
颜色:# FF0000;
代码简化为:颜色:# 000、颜色:# F00
缘
边距:1px;
右边距:1px;
边距:1px;
左:1px保证金;
代码简化为:保证金:1px
边距:1px;
右边距:2px;
Margin-bottom:1px;
左:2px保证金;
代码简化为:保证金:1px 2px
边距:1px;
右边距:2px;
边距:3px;
左:2px保证金;
代码简化为:保证金:1px 2px 3px
边距:1px;
右边距:2px;
边距:3px;
左:4px保证金;
代码简化为:保证金:1px 2px 3px 4px
注:当属性值是0,单位不可写为:0px是直接写为0
衬垫
填充的书写方法与空白的相似。
1px垫上;
填充右:1px;
座垫:1px;
左:1px填充;
代码简化为:填料:1px
1px垫上;
填充右:2px;
座垫:1px;
左:2px填充;
代码简化为:填料:1px 2px
1px垫上;
填充右:2px;
座垫:3px;
左:2px填充;
代码简化为:填料:1px 2px 3px
1px垫上;
填充右:2px;
座垫:3px;
左:4px填充;
代码简化为:填料:1px 2px 3px 4px
边境
边框宽度:1px;
边框样式:实心;
边框颜色:# 000000;
代码简化为:边框1px solid # 000
背景
背景颜色:# ccffff;
背景图片:URL(图片路径);
背景:repeat-x重复;
背景位置:5px 4px;
代码简化为:背景:# CFF的URL(图片路径)repeat-x 5px 4px
字体
字体大小:26px;
字体粗细:粗体;
字体家族:歌体;
代码简化为:字体:26px大胆歌体
颜色属性值
颜色:# 000000;
颜色:# FF0000;
代码简化为:颜色:# 000、颜色:# F00
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。