CSS共42篇

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

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

使用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年前
011150

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

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

CSS响应式屏幕宽度自动适应

CSS响应式屏幕宽度自动适应-雪哥尔
.XulgrMax{ font-size: 32px; font-weight: 600; margin: 20% 50px 0 50px; color: red; } @media screen and (max-width: 900px){ .XulgrMax{ font-size: 24px; font-weight: 500; margin: 40p...
11个月前
01797

CSS对象图片

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

纯CSS流星雨效果

纯CSS流星雨效果-雪哥尔
最近在我的小程序授权登录页加了一些好看的小样式,顺便分享出来 CSS .xulgrrainbox { position: relative; width: 100%; height: 100%; transform: rotateZ(45deg); position: fixed; top: 0; ...
2年前
01050

纯CSS弹窗,不借助JS的纯CSS弹出层

纯CSS弹窗,不借助JS的纯CSS弹出层-雪哥尔
HTML <a href='#xulgr'>弹窗测试</a> <div id='xulgr' class='xulgr-window'> <div> <a href='#' title='关闭' class='xulgr-window-close'>关闭</a> <...
4年前
05160

CSS凸出感按钮,按钮凹陷感效果

雪哥尔
分享一组非常简约好看的CSS凹凸感按钮样式 HTML代码:(可以是图片,也可以用font图标,自己引入样式即可) <div class='container'> <div class='box'> <div class='img'> &...
11个月前
04325

几个简单的搜索框

几个简单的搜索框-雪哥尔
<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年前
010580

微信小程序view居中显示

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