CSS共19篇

CSS悬浮固定效果

CSS悬浮固定效果-雪哥尔
<style> /*设置了高度,可以上下滚动*/ body { height: 1800px; background:#dddddd; } /*div通用样式*/ div{ background: #1a59b7; color:#ffffff; overflow: hidden; z-index: 9999; ...
10月前
05260

CSS居屏幕正中

CSS居屏幕正中-雪哥尔
<style> body{ background-color:#000; } .xulgr-table{ width:100%; height:100%; border:0; text-align:center; cellpadding:0; cel...
11月前
04620

几个简单的搜索框

几个简单的搜索框-雪哥尔
<style> * { box-sizing:border-box; } body { margin:0; padding:0; background-image:url(ydrzimages/p3.jpg); font-weight:500; font-fami...
11月前
06410

CSS对象图片

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

使用js点击复制按钮将textarea框隐藏

使用js点击复制按钮将textarea框隐藏-雪哥尔
完整代码 <style> #xulgr-bzm-input{ position:absolute; top:-9999px; left:-9999px; } </style> <p id='xulgr-bzm-text'>被复制的内容</p> <textarea id='xulgr-b...
11月前
05830

阴影颜色渐变圆角边框

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

CSS用图片作为文字的背景

CSS用图片作为文字的背景-雪哥尔
  background:url(图片路径); background-attachment: fixed; background-size: cover; -webkit-text-fill-color:transparent; -webkit-background-clip: text; 运...
12月前
02740

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

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

CSS隐藏内容点击展开

CSS隐藏内容点击展开-雪哥尔
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年前
03030

CSS响应式样式及断点

CSS响应式样式及断点-雪哥尔
第一步:设置viewport 至于为什么要设置这个,答案请移步移动前端开发之viewport的深入理解(人家解释的比我好,在这就不啰嗦了) <meta name='viewport' content='width=device-width, init...
1年前
03160