最近在弄discuz论坛，因为discuz在国内主流搜索引擎特友好，所以想改做discuz。下面就来分享一下我最近遇到的对于不同版块想要显示不同尺寸的主题列表封面的问题的解决方法： 第一步，我们先在...

.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...

头部引入 <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 矢量...

几个免费字体下载网站： https://ztxz.org.cn/ https://font.chinaz.com/ https://www.foundertype.com/   一般下载下来是单个ttf或otf字体文件，很多都体积比较大，直接引入单个字体文件...

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

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

下载： 链接：https://pan.baidu.com/s/1MGvs3WpdVXBFzZn-g8uO9Q 提取码：uyx7 安装： 头部引入： <link rel='stylesheet' href='https://code.xulgr.com/pub/xulgr2d/xulgr2d.css' /> &n...

HTML <button id='xgtotop'><i class='xulgricon'>&#xe621;</i></button> <button id='xglink'><i class='xulgricon'>&#xe692;</i></but...

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

此代码为纯CSS的基本样式，进阶方法查看：点击前往查看 其实只需要用position:sticky就够了，然后用top在设置距顶位置即可。 position: -webkit-sticky; /* 使Safari浏览器兼容 */ position: st...