美文网首页
列表和边框

列表和边框

作者: 清风吹落花的香 | 来源:发表于2016-08-12 15:21 被阅读0次

    列表

    (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; 上下,左右,红

    相关文章

      网友评论

          本文标题:列表和边框

          本文链接:https://www.haomeiwen.com/subject/eyqesttx.html