CSS三

2018-04-02  本文已影响0人  IT的咸鱼

css列表样式:

1,定义列表像符号:不管是有序列表(ol)还是无序列表(ul),都是使用list-style-type属性来定义列表项符号。是针对ol或者ul元素,而不是li元素。

语法:ul,ol{list-style-type:none;}

去除列表项符号:list-style-type:none;

2,列表项图片:语法,list-style-image(图片路径);

css图片样式:

图片大小:语法:img{width:像素值; height:像素值;}

图片边框:运用border属性,语法:border:1px   solid   red;

图片对齐:引用text-align属性定义

语法:text-align:取值;

属性值:left左对齐 center居中对齐  tright右对齐

图片垂直对齐:语法:

vertical-align:取值;

属性值:top顶部对齐    middle中部对齐 baseline基线对齐  bottom底部对齐

文字环绕-初始float:语法:img{float:取值;}

属性值:left元素向左浮动  right元素向右浮动

css背景样式:

背景颜色:语法:background-color;颜色值;

背景图片样式:使用background-image定义背景图片。想要为一个元素定义背景图片,必须给该元素定义width和height

语法:div{

                  width:属性值;

                 height:属性值;

                    background-image:url(图片路径);}

背景图片重复:background-repeat:取值;

属性值:repeat(在水平方向和垂直方向上同时平铺(默认值))   repeat-x(只在水平方向(x轴)上平铺)     repeat-y(只在垂直方向(y轴)上平铺)           no-repeat(不平埔)

背景图片位置:可以使用background-position属性来定义背景图片的位置。

              语法:background-position:像素值 / 关键字;

关键字取值:top left(左上)      top center(靠上居中)   top  right(右上) left  center(向左居中)center  center(正中)right  center(向右居中) bottom left(左下)bottom center(靠下居中)bottom right(右下)

像素值:background-position:水平距离 垂直距离;单位px。

背景固定定位:语法:background-attachment:取值;

属性取值:fixed(固定不动)

上一篇下一篇

猜你喜欢

热点阅读