Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

Example Analysis of links and lists in CSS

2025-04-07 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

This article mainly introduces the example analysis of links and lists in CSS, which is very detailed and has a certain reference value. Friends who are interested must read it!

A:link {

Color:cornflowerblue

Text-decoration:none

Background-color:violet

}

/ * link indicates that the link has not been clicked yet * /

/ * decoration (decoration), which controls the underlining of the link. When the assignment is none, there is no underscore * /

/ * background-color sets the background color * /

A:visited {

Color:forestgreen

}

/ * visited indicates the status that has been clicked * /

A:hover {

Color:blueviolet

}

/ * hover indicates a state that has been slid over by the mouse * /

A:active {

Color:forestgreen

}

/ * status where the link is being clicked * /

Ulli {

List-style-type:armenian

}

/ * list-style-type controls the display of tags * /

Ulli {

List-style-image:url ("1.jpg")

}

/ * replace the logo in front of the tag with the picture you want to add by importing the local image * /

Ul.ul1 {

List-style-position:inside

}

Ul.ul2 {

List-style-position:outside

}

/ * this variable controls the position of each item in the tag, inside to the right (inside) and outside to the outside * /

The above is all the content of the article "sample Analysis of links and lists in CSS". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report