首页 > 其他分享 >CSS - 字体图标网站,画三角形,设置鼠标样式,去除轮廓线

CSS - 字体图标网站,画三角形,设置鼠标样式,去除轮廓线

时间:2023-01-06 18:00:40浏览次数:36  
标签:鼠标 去除 指示 CSS 轮廓线 光标 图标

1.字体图标网站

https://icomoon.io/

https://www.iconfont.cn/    推荐

 

2.画三角

    div {
        width: 0;
        height:0;
        border: 10px solid transparent;
        border-top: 10px solid pink;
    }

 

3.设置鼠标样式

cursor: default;

url("网络资源"),pointer 手,move 此光标指示某对象可被移动

text 此光标指示文本,wait 此光标指示程序正忙(通常是一只表或沙漏)

help 此光标指示可用的帮助(通常是一个问号或一个气球)

 

4.去除轮廓线

outline: none;

 

标签:鼠标,去除,指示,CSS,轮廓线,光标,图标
From: https://www.cnblogs.com/ErenYeager/p/17031241.html

相关文章

  • IconJar - Mac 上的一款多功能图标素材管理工具
    IconJar是一个多功能的图标管理工具,由世界各地的设计师和开发人员使用。在一个应用程序中搜索、组织、预览和检索图标,而不是创建大量的文件夹来存储你的收藏。这款应用针......
  • 本人博客html + css + js 模板
    简介送给想设计主页的朋友一些思路 HTML<!DOCTYPEhtml><html><body><style>#nav{width:150px;height:400px;border:1pxsolid#D4CD49;position:fixe......
  • 第一节:环境准备、项目结构详解、App.vue/main.js/uni.scss详解、各种引用(组件/js/css
    一. 环境准备1. HbuilderX 下载地址:https://www.dcloud.io/hbuilderx.html 2. 微信开发工具 下载地址:https://developers.weixin.qq.com/miniprogram/dev......
  • css 卡片hover效果
      .card{height:430px;width:100%;background:#ffffff;border:1pxsolid#eaeefb;border-radius:5px;box-sizing:border-box;......
  • 02 CSS
    CSSCSS介绍CSS(CascadingStyleSheet,层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。CSS语法CSS实例每个CS......
  • CSS - 目录
    CSS-选择器标签选择器,id选择器,类选择器,后代选择器,子代选择器,兄弟选择器,通用选择器,组合选择器,属性选择器,伪类选择器,伪元素选择器 CSS-字体属性设置字体,大小,粗细,类......
  • CSS选择器
    nth-of-type和nth-childnth-of-type:先过滤类型,重新排序,匹配序号nth-of-child:获取所有的子元素,再匹配序号对应的类型是否一致参考:解析CSS3伪类选择器nth-of-type......
  • CSS设置多余文字自动省略
    在写界面的过程中,常用到文字排版的问题,多余文字需要自动省略为”.....“,这里分享一个自己用到的方法,效果如下图:   使用方法:在需要省略的文字css样式中写入如下代......
  • Vite+Element Plus Icons 图标配置自动导入
    配置自动导入图标全部导入的话,最终打包出来的大小可能会比较大,下图是我配置自动导入之后,打包出来的大小,全部导入图标打包之后的大小大概是1600+KiB:安装依赖:unplugin-i......
  • CSS - 浮动与清除浮动
    1.浮动/*左浮动*/float:left;/*右浮动*/float:right;脱离标准流,浮动的盒子不在保留原先的位置,如何元素都可以加浮动 2.清除浮动兄弟元素关系中,上元素没有设......