列表和边框

列表

(1)有序列表(ol)start=“”从几开始排序

无序列表(ul)type=“square方块"只能在无序列表中用  disc

定义列表(dl) type=“"(排序类型)

(2)(li)为列表项

loat浮动 float:left向左浮动    float:right向右浮动

display显示 inline-block,block块

border:

border-radius  :边框倒角

border-radius:  1px 1px 1px 1px 上右下左

border-radius:10px 40px;参数一  上下;参数二  左右

border-radius:30px;上下左右

border-radius:10px 30px 40px;参数一;上   参数二,左右  参数三 ,下

阴影box-shadow

/* 第一个参数 水平阴影的位置

第二个参数 垂直阴影位置、

第三个参数 模糊距离

第四个参数 阴影的颜色

第五个参数 将外部阴影(outset)改为内部阴影(insert) */

box-shadow :10px 10px 30px 10px black ;

box-shadow :10px 10px 30px ;//上,左右,下

图像边框:

-webkit-border-image:url(biankuang.jpg) 27 round;//round围绕

-moz-border-image:url(biankuang.jpg) 27 repeat;//repeat平铺

-o-border-image:url(biankuang.jpg) 27 round;

轮廓:outline

outline: 3px dashed green ;第一个参数边框宽度,样式 颜色

outline: 0px ;//轮廓没有

box-shadow :10px 10px ;上下,左右

box-shadow :10px 10px red; 上下,左右,红

你可能感兴趣的:(列表和边框)