CSS,带小图片,LI图标,列表菜单
web前端-css教程
这篇文章主要为大家介绍了CSS实现带有小图片的LI图标列表菜单,可实现css图标的正常显示及滑过、点击呈现不同颜色的功能,涉及css针对visited、hover及active等使用技巧,需要的朋友可以参考下php源码怎么安装,ubuntu如何连接外网,用v语言爬虫,mimetex php,凯里seo托管lzw
本文实例讲述了CSS实现带有小图片的LI图标列表菜单。分享给大家供大家参考。具体如下：ssc时时彩全套源码程序,ubuntu美化 知乎,tomcat3个默认端口,爬虫钙粉缺货,php里面嵌入vue很难吗,眉山 seo公司lzw
这是一款带有小图片的Li列表菜单，竖向的图标菜单，鼠标放上会变色，对鼠标的响应很符合用户体验，且兼容性好，代码简洁，适宜学习和使用，CSS初学者的一个好范例。租房 app 源码,ubuntu如何退root,tomcat的线程池设置,房产客户爬虫,手机php汉化版,seo seo工资一般多少lzw
运行效果截图如下：
具体代码如下：
复制代码
代码如下:
CSS图标菜单 ul#nav { list-style-type: none; padding: 0; margin: 0;}#nav a:link, #nav a:visited { display: block; width: 150px; padding: 10px 0 16px 32px; font: bold 80% Arial, Helvetica, sans-serif; color: #FF9900; background: url("images/peppers.jpg") top left no-repeat; text-decoration: none;}#nav a:hover { background-position: 0 -69px; color: #B51032;}#nav a:active { background-position: 0 -138px; color: #006E01;}
相关推荐：
CSS3制作圆角图片和椭圆形图片
利用纯CSS实现动态的文字效果实例