鼠标样式:cursor
cursor: default 小白 / pointer 小手 / move 移动 / text
----------------------------------
去掉文本轮廓 outline:none
防止拖拽文本 resize:none
--------------------
滑动门技巧
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>微信导航栏</title> <style> *{ margin: 0; padding: 0; } ul{ list-style: none; } body{ background: url(3S9sFMD.jpg) repeat-x; } .nav{ height: 75px; background-color: #fff; } .nav li a { display: inline-block; background: url(lTcb_ve.png) no-repeat; line-height: 33px; padding-left: 15px; } .nav li a span{ display: inline-block; height: 33px; background: url(lTcb_ve.png) no-repeat right; padding-right: 15px; } </style> </head> <body> <div class="nav"> <ul> <li> <a href="#"> <span>首页asd </span> </a> </li> </ul> </div> </body> </html>
---------------------