1. 程式人生 > >css-ul-li-a

css-ul-li-a

ul-li-a部分知識

    *{
        margin:0;
        padding:0;
    }加粗樣式
    ul{
        list-style-type:none;
        margin:100px 50px;/*margin:100px auto無效,不能使ul左右居中*/
        text-align:center;
        font-size:14px;
    }
    li{
        float:left;/*改動的地方*/
        width:80px;
        padding:10px;
        background-color:#ff9137;
    }
    a:link,a:visited,a:hover,a:active{
        color:#fff;
        text-decoration:none;
    }
    a{
        display:block;/*整體變為可點選區域,而不只是字*/
    }