边框背景样式

<style>
/*    未访问的样式*/
    #a1:link{text-decoration: none;
    color: lime;}
/*    访问后的样式*/
    #a1:visited{
        color: crimson;
    }
/*    鼠标悬浮时的样式*/
    #a1:hover{
    color:#666666;
    text-decoration: underline;
    }
/*    点击时的样式*/
    #a1:active{
        color: darkblue;
    }
/*hover*可以用在任意标签*/
    #p1:hover{
        color: pink;
    }
 
    </style>

<style>
        #p1{
/*            border-width: 1px;*/
/*边框实线        border-style: solid;*/
/*边框虚线       border-style: dashed;*/
/*边框点线        border-style: dotted*/
/*边框双线*/
/*border-style: double;*/
/*边框颜色*/
/*border-color: brown;*/
/*简单写法---必须按照宽度、点线、颜色的顺序    */
            border-bottom: 1px dotted green;
            border-left: 2px double red;
/*背景颜色        background-color: darkseagreen;*/
/*背景图片*/
            background-image:url( img/a.jpg.jpg);
/*    背景图片位置*/
            background-position: -30px -500px;
        }
        li{
            border-bottom: 1px dotted red;
                    }
        body{
            background-image: url( img/2.png);
            background-repeat:repeat-y;
            background-attachment: fixed;
        }
    </style>

猜你喜欢

转载自www.cnblogs.com/G-qz/p/10624171.html