具体查看：https://code.xulgr.com/pub/css/btn/

width: 80px;height: 80px; /*对象宽高*/ background-image: url(https://imgs.xulgr.com/xg800.png); /*图片路径*/ background-size:80px 80px; /*调整background-image图片大小*/ background-...

上次我说的边框颜色渐变有个缺陷就是不能控制圆角，今天写个阴影颜色渐变圆角边框   实例代码： <style> .xulgr-input{margin:40px;} .xulgr-input2{margin:40px;} .xulgr-input{ po...

css .xulgr-checkbox{display: block;} .xulgr-checkbox+input{display: none;} .xulgr-checkbox+input+div{display:none;} .xulgr-checkbox+input:checked+div{display:block;} html <label...

背景色渐变： 1.渐变的方式有两类： 线形：liner gradients 圆形：radial gradients 2.基本语法： background: linear-gradient(渐变方向,渐变颜色1,渐变颜色2,渐变颜色3,...); background: rad...

HTML <a href='#xulgr'>弹窗测试</a> <div id='xulgr' class='xulgr-window'> <div> <a href='#' title='关闭' class='xulgr-window-close'>关闭</a> <...

今天刚帮客户写了个CSS动画效果样式，具体看样式的注释 <style> .animate { font-size: 35px; margin: 100px 0 0; border-bottom: 2px solid #ccc; } .animate span { display: inline-bl...

  background:url(图片路径); background-attachment: fixed; background-size: cover; -webkit-text-fill-color:transparent; -webkit-background-clip: text; 运行代码 $('#302').on('cl...

查看xulgrbtn样式 样式对应代码 纯色按钮 <a class='xulgrbtn'>紫色</a> <a class='xulgrbtn xulgrbtn-lb'>蓝色</a> <a class='xulgrbtn xulgrbtn-hb'>红色</...

使用align-items:center和justify-content:center都可以让元素居中显示，值得注意的是，居中样式需放在整个样式的最前位置才能生效，我试过加上!important优先显示可不行。 .xg-list{ display: ...