被风吹过的屁 2021-05-08 17:37 采纳率: 60%
浏览 75
已采纳

这种效果 CSS 怎么写

 

 

想请教大神  这种鼠标经过1变成一个按钮图标      其他位置变成图标  是纯CSS 写出来的 还是配合Jquery  小白,请大神给一个思路。

  • 写回答

10条回答 默认 最新

  • 关注
    <style>
    	li span{
    		border: 6px solid transparent;
    		border-left-color: red;
    		display: inline-block;
    		width: 0;
    		height: 0;
    		margin-left: -15px;
    		margin-right: 10px;
    		visibility: hidden;
    	}
    	li:hover{
    		color: red;
    		list-style-type: none;
    	}
    	li:hover span{
    		visibility: visible;
    	}
    </style>
    </head>
    <body>
    
    <ol>
    	<li><span></span>SSS</li>
    	<li><span></span>KKK</li>
    	<li><span></span>TTT</li>
    </ol>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(9条)

报告相同问题?

悬赏问题

  • ¥15 有赏,i卡绘世画不出
  • ¥15 如何用stata画出文献中常见的安慰剂检验图
  • ¥15 c语言链表结构体数据插入
  • ¥40 使用MATLAB解答线性代数问题
  • ¥15 COCOS的问题COCOS的问题
  • ¥15 FPGA-SRIO初始化失败
  • ¥15 MapReduce实现倒排索引失败
  • ¥15 ZABBIX6.0L连接数据库报错,如何解决?(操作系统-centos)
  • ¥15 找一位技术过硬的游戏pj程序员
  • ¥15 matlab生成电测深三层曲线模型代码