广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    css设置光标为拖动

    来源:网络收集  点击:  时间:2024-09-08
    【导读】:
    cursor 属性规定光标的形状,很多网页我们都可以看到,鼠标移到一些内容上光标会变成一个可以拖动的形状。这个可拖动的形状实现很简单,只需要对需要拖动的内容天添加cursor:move 即可实现。方法/步骤1/3分步阅读

    打开html前端开发软件,创建一个html页面,然后在这个页面上创建div添加class类,同时输入一些文字。

    代码:div class=move鼠标放上,鼠标指针八仗痕变为可拖动/div

    2/3

    设置cursor: move。创建style标签,然后对move类添加cursor: move属性。如图:

    代码:

    style type=text/css

    .move{

    cursor: move;

    }

    /style

    3/3

    保存html页面后使用浏览器打开,鼠标移动到div上即诉露可看到效果。

    页面所有代码:

    !DOCTYPE html

    html

    head

    meta charset=UTF-8

    title/title

    style type=text/css

    .move{

    cursor: move;

    }

    /style

    /head

    body

    div class=move鼠标放上,鼠标指针变为雁久可拖动/div

    /body

    /html

    CSS光标移动CSS移动光标CSS指针为拖动CSS指针拖动CSS鼠标拖动
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_1199306.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-04 23:49:48  耗时:0.023
    0.0232s