【HTML】CSS基础学习之列表和超链接伪类 admin 102800文章 87评论 2022年1月10日03:31:30评论4 views字数 838阅读2分47秒阅读模式 css背景超链接伪类和列表使用代码及注释 demo4 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <!--字符集 --> <title>demo4</title> <!--列表和超链接 --> <style> ul{ /*list-style-type: decimal;*/ /*upper-roman罗马字符 none无项目符号 square正方形 decimal数字*/ /*list-style-image: url(1.jpg); */ /*以上列表简写*/ /* list-style: outside decimal; */ list-style: none; } /*去掉超链接标签的下划线*/ a{text-decoration: none;} /*未访问颜色*/ a:link{ color: red; } /*鼠标放上去的颜色*/ a:hover{ color: navajowhite; } /*访问过的颜色*/ a:visited{ color: blue; } /*鼠标选中的颜色*/ a:active{ color: #000000; } </style></head><body> <ul> <li>第一课</li> <li>第二课</li> <li>第三课</li> <li>第四课</li> </ul> <ul> <li><a href="#">第一课</a></li> <li><a href="#">第二课</a></li> <li><a href="#">第三课</a></li> <li><a href="#">第四课</a></li> </ul> </body></html> 我的个人博客 孤桜懶契:http://gylq.github.io FROM:gylq.gitee Author:孤桜懶契 点赞 https://cn-sec.com/archives/729962.html 复制链接 复制链接 左青龙 微信扫一扫 右白虎 微信扫一扫
评论