css基础 cursor:default/pointer/move/text 鼠标样式
2018-02-11 15:12
786 查看
礼悟:
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/26/5f2a813385b0c227082fe74b02006839.png)
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
ide:visual studio 2017
browser:Chrome
os:win7
browser:Chrome
os:win7
代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="给最苦 https://www.cnblogs.com/jizuiku https://github.com/GratefulHeartCoder"/> <title></title> <style type="text/css"> li { margin:20px; } li:nth-child(2n) { background-color:green; } li:nth-child(2n+1) { background-color:red; } </style> </head> <body> <ul> <li style="cursor:default;">default</li> <li style="cursor:pointer">pointer</li> <li style="cursor:move">move</li> <li style="cursor:text">text</li> </ul> </body> </html>
效果
![](https://oscdn.geek-share.com/Uploads/Images/Content/202001/26/5f2a813385b0c227082fe74b02006839.png)
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
相关文章推荐
- css cursor鼠标指针光标样式default pointer hand url
- css cursor鼠标指针光标样式default pointer hand url
- css cursor鼠标指针光标样式default pointer hand url
- css cursor鼠标指针光标样式default pointer hand url
- 鼠标移动上变为手的样式的css,cursor: pointer或者CURSOR: hand
- css基础 设置超链接 正常状态、鼠标放在超链接上的状态、访问过的超链接的状态的样式
- css鼠标手型cursor中hand与pointer
- CSS cursor鼠标样式一览表
- 比较全的CSS cursor(鼠标样式)
- 用css 改变鼠标样式 改变cursor属性
- css Cursor:url()自定义鼠标指针样式为图片
- CSS鼠标指针cursor样式
- css鼠标手型cursor中hand与pointer
- CSS cursor鼠标样式一览表
- css鼠标样式cursor介绍(鼠标手型)
- css cursor鼠标指针光标样式
- CSS鼠标指针cursor样式
- 比较全的CSS cursor(鼠标样式)
- css鼠标样式cursor介绍(鼠标手型)
- CSS cursor鼠标样式一览表