CSS共42篇 第3页

微信小程序点击自动滚动到指定元素位置

微信小程序点击自动滚动到指定元素位置-雪哥尔
官方文档:前往查看 可以直接套用官方的示例js代码,将.xulgr修改成滚动目标的CSS值即可 scrollTo() { // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置 wx.createSelectorQuery()...
2年前
01360

CSS同行并排显示

CSS同行并排显示-雪哥尔
我一直都在用的是 display: flex; 直接在父级元素加上display: flex,元素内的样式都会响应式并排显示,非常简单。   还有一种用行内块 display: inline-block 这种是把两个要并排的元素都...
2年前
01310

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

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

CSS悬浮固定效果

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

CSS居屏幕正中

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

几个简单的搜索框

几个简单的搜索框-雪哥尔
<style> * { box-sizing:border-box; } body { margin:0; padding:0; background-image:url(ydrzimages/p3.jpg); font-weight:500; font-family:'Microsoft YaHei','宋体','Segoe UI','Lu...
4年前
011990

CSS对象图片

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

使用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...
4年前
012370

阴影颜色渐变圆角边框

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

CSS用图片作为文字的背景

CSS用图片作为文字的背景-雪哥尔
  background:url(图片路径); background-attachment: fixed; background-size: cover; -webkit-text-fill-color:transparent; -webkit-background-clip: text; 运行代码 $('#302').on('cl...
4年前
05550