CSS中鏈接以及列表的示例分析

發(fā)布時(shí)間：2022-03-05 14:27:27 來源：億速云閱讀：129 作者：小新欄目：web開發(fā)

這篇文章主要介紹CSS中鏈接以及列表的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

　　a:link{

　　color:cornflowerblue;

　　text-decoration:none;

　　background-color:violet;

　　}

　　/*link表示鏈接還沒有被點(diǎn)擊的狀態(tài)*/

　　/*decoration(裝飾)，控制鏈接的下劃線,當(dāng)賦值為none沒有下劃線了*/

　　/*background-color設(shè)置背景顏色*/

　　a:visited{

　　color:forestgreen;

　　}

　　/*visited表示已經(jīng)被點(diǎn)擊的狀態(tài)*/

　　a:hover{

　　color:blueviolet;

　　}

　　/*hover表示已經(jīng)被鼠標(biāo)滑過的狀態(tài)*/

　　a:active{

　　color:forestgreen;

　　}

　　/*鏈接正在被點(diǎn)擊的狀態(tài)*/

　　ulli{

　　list-style-type:armenian;

　　}

　　/*list-style-type控制標(biāo)簽的顯示效果*/

　　ulli{

　　list-style-image:url("1.jpg");

　　}

　　/*通過導(dǎo)入本地圖片，將標(biāo)簽的前面的標(biāo)志，替換成想要加入的圖片*/

　　ul.ul1{

　　list-style-position:inside;

　　}

　　ul.ul2{

　　list-style-position:outside;

　　}

　　/*該變量控制標(biāo)簽每一項(xiàng)的位置，inside往右邊（里邊）靠一些，outside往外面靠一些*/

以上是“CSS中鏈接以及列表的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡