CSS共42篇
排序
CSS hover按钮背景色渐变
自定义鼠标hover按钮时,botton的背景颜色渐变效果 <!DOCTYPE html> <html lang='en'> <head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> &...
简单的CSS+JS实现鼠标指针附带图标
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
自己在别人css抠出来的btn按钮样式
具体查看：https://code.xulgr.com/pub/css/btn/
css中的flex（弹性）布局，并排显示
1、flex-direction 此属性决定主轴的方向 .flex{ flex-direction: row; // (默认值) 主轴水平方向，从左往右 如图： flex-direction: row-reverse; // 主轴水平方向的逆方向，从右往左 flex-dir...
几个纯CSS3构架的动态按钮
我把他们规整到我的code里面，调用起来非常实用简单 引入 <link rel='stylesheet' href='//code.xulgr.com/css/button/xulgr.css' media='screen' type='text/css' /> 调用代码如...
制作一个页面载入loading加载完毕动画收缩
粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分： <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...
CSS渐变颜色样式：背景颜色渐变、字体颜色渐变和边框颜色渐变
背景色渐变： 1.渐变的方式有两类： 线形：liner gradients 圆形：radial gradients 2.基本语法： background: linear-gradient(渐变方向,渐变颜色1,渐变颜色2,渐变颜色3,...); background: rad...
9个纯CSS字体样式
.XulgrFont{position:relative;letter-spacing:.07em;font-size:3em;font-weight:normal;margin:0 auto} .XulgrFont:before,.hcqFont:after{position:absolute;top:0;left:0;right:0} .xulgr-te...
fa图标库icon图标引用大全FA图标
头部引入 <script src='https://code.xulgr.com/pub/fa/fa.js'></script> 图标库：https://code.xulgr.com/pub/fa 帮助文档：https://code.xulgr.com/pub/fa/help.html 矢量...
CSS字体引入格式
几个免费字体下载网站： https://ztxz.org.cn/ https://font.chinaz.com/ https://www.foundertype.com/ 一般下载下来是单个ttf或otf字体文件，很多都体积比较大，直接引入单个字体文件...
