前端学习（1811）：前端调试之css装饰cursor练习
生活随笔
收集整理的這篇文章主要介紹了
前端学习（1811）：前端调试之css装饰cursor练习
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
index.html
<!DOCTYPE html> <html lang="en"><head><!--系統內置 start--><script type="text/javascript"></script><!--系統內置 end--><meta charset="UTF-8"><title>練習</title><link rel="stylesheet" href="index.css"> </head><body><ul><li>手機 電話卡</li><li>電視 盒子</li><li>筆記本 平板</li><li>家電 插線板</li><li>出行 穿戴</li><li>智能 路由器</li><li>電源 配件</li><li>健康 兒童</li><li>耳機 音箱</li><li>生活 箱包</li></ul> </body></html>index.css
body {margin: 0px; }ul {width: 234px;margin: 0;padding: 20px 0px;list-style: none;background-color: #7B8795;color: #ffffff; }ul>li {position: relative;height: 42px;line-height: 42px;padding-left: 30px; }ul>li::after {content: '';position: absolute;top: 15px;right: 20px;width: 12px;height: 12px;background: url(./images/right-point.png) no-repeat center;background-size: contain; }ul>li:hover{background:#FD6821;cursor:pointer; }運行結果
總結
以上是生活随笔為你收集整理的前端学习（1811）：前端调试之css装饰cursor练习的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端学习（1946）vue之电商管理系统
- 下一篇： 前端学习（1538）：angular特性