千家信息网

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

发表于:2025-01-16 作者:千家信息网编辑
千家信息网最后更新 2025年01月16日,这篇文章主要介绍CSS中链接以及列表的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!a:link{color:cornflowerblue;text-decoratio
千家信息网最后更新 2025年01月16日CSS中链接以及列表的示例分析

这篇文章主要介绍CSS中链接以及列表的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

  a:link{

  color:cornflowerblue;

  text-decoration:none;

  background-color:violet;

  }

  /*link表示链接还没有被点击的状态*/

  /*decoration(装饰),控制链接的下划线,当赋值为none没有下划线了*/

  /*background-color设置背景颜色*/

  a:visited{

  color:forestgreen;

  }

  /*visited表示已经被点击的状态*/

  a:hover{

  color:blueviolet;

  }

  /*hover表示已经被鼠标滑过的状态*/

  a:active{

  color:forestgreen;

  }

  /*链接正在被点击的状态*/

  ulli{

  list-style-type:armenian;

  }

  /*list-style-type控制标签的显示效果*/

  ulli{

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

  }

  /*通过导入本地图片,将标签的前面的标志,替换成想要加入的图片*/

  ul.ul1{

  list-style-position:inside;

  }

  ul.ul2{

  list-style-position:outside;

  }

  /*该变量控制标签每一项的位置,inside往右边(里边)靠一些,outside往外面靠一些*/

以上是"CSS中链接以及列表的示例分析"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

0