CSS共42篇

Discuz根据不同版块区域设置图片主题列表显示不同尺寸

Discuz根据不同版块区域设置图片主题列表显示不同尺寸-雪哥尔
最近在弄discuz论坛,因为discuz在国内主流搜索引擎特友好,所以想改做discuz。下面就来分享一下我最近遇到的对于不同版块想要显示不同尺寸的主题列表封面的问题的解决方法: 第一步,我们先在...
4年前
427150

CSS hover按钮背景色渐变

CSS hover按钮背景色渐变-雪哥尔
自定义鼠标hover按钮时,botton的背景颜色渐变效果 <!DOCTYPE html> <html lang='en'> <head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> &...
2年前
038413

简单的CSS+JS实现鼠标指针附带图标

简单的CSS+JS实现鼠标指针附带图标-雪哥尔
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
2年前
01610

自己在别人css抠出来的btn按钮样式

自己在别人css抠出来的btn按钮样式-雪哥尔
具体查看:https://code.xulgr.com/pub/css/btn/
4年前
07710

css中的flex(弹性)布局,并排显示

css中的flex(弹性)布局,并排显示-雪哥尔
1、flex-direction 此属性决定主轴的方向 .flex{ flex-direction: row; // (默认值) 主轴水平方向,从左往右 如图: flex-direction: row-reverse; // 主轴水平方向的逆方向,从右往左 flex-dir...
2年前
028811

几个纯CSS3构架的动态按钮

几个纯CSS3构架的动态按钮-雪哥尔
我把他们规整到我的code里面,调用起来非常实用简单 引入 <link rel='stylesheet' href='//code.xulgr.com/css/button/xulgr.css' media='screen' type='text/css' />   调用代码如...
4年前
04130

制作一个页面载入loading加载完毕动画收缩

制作一个页面载入loading加载完毕动画收缩-雪哥尔
粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分: <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...
1年前
02010

CSS渐变颜色样式:背景颜色渐变、字体颜色渐变和边框颜色渐变

CSS渐变颜色样式:背景颜色渐变、字体颜色渐变和边框颜色渐变-雪哥尔
背景色渐变: 1.渐变的方式有两类: 线形:liner gradients 圆形:radial gradients 2.基本语法: background: linear-gradient(渐变方向,渐变颜色1,渐变颜色2,渐变颜色3,...); background: rad...
4年前
06250

9个纯CSS字体样式

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...
2年前
014110

fa图标库icon图标引用大全FA图标

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 矢量...
4年前
011090