-
wordpress美化-文章标题样式美化
效果演示 不太喜欢主题默认的标题样式，自己动手，丰衣足食。 用火狐的查看元素（这个功能感觉比Chrome好用，因为是中文的...） 找到当前主题的标题样式，然后去主题样式文件修改。（一般在主题根目录style.css） 根据类样式查找定位 把下面的样式添加到标题样式即可（字体大小和其他参数可按需修改，每一行都写了注释。） font-size:24px;/*字体大小*/ font-weight:bo…- 7.3k
- 0
-
css缩略图最佳缩放实践
object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签，一般可以对这些原素进行保留原始比例的剪切、缩放或者直接进行拉伸等。您可以通过使用 object-position 属性来切换被替换元素的内容对象在元素框内的对齐方式。 CSS / * 控制缩放 */ object-fit: cover; / * 鼠标光标手势 …- 1.3k
- 0
-
CSS背景图像，镜像翻转、缩放、背景偏移与定位、文字溢出处理
CSS下镜像翻转（水平/垂直翻转） 两种写法 【方法一】利用css动画属性rotate旋转来实现： /* 方法一 */ .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } .mirrorRotateVertical { transform: rotateX(180deg); /* 垂直镜像翻转 */ } 此处，rotate…- 2.8k
- 0
-
右侧悬浮菜单悬浮窗 css+html css自动判断PC显示手机端隐藏
源自:http://miwua.com/1521.html 感觉还不错，只是部署到博客不太搭配（颜色太鲜艳了），用css加了个设备判断，电脑端显示、手机端隐藏。1221px 界点 预览: css <!--右侧悬浮菜单 開始--> <style> /*footer*/ .elevator_item .hd-time-limited { display: block; pos…- 3k
- 0
-
css文字块-display行内元素块 inline-block 只给文字加背景
如何只给一段文字加背景颜色，但又不让其整行都填充上背景颜色.如下图 上图的代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"…- 2.2k
- 0
-
html+css 多彩滚动展示AD框前端显示代码
因为放首页蛮占地方的，这个小模块没有经受住小改版的考验，被去掉了。贴出来，已给以后用 样式如下图所示： html代码 <section id="custom_html-2" class="widget_text widget widget_custom_html mar16-b"> <meta charset="utf-8"> <!--<p align="cen…- 2.8k
- 0
-
html简单盒子图片文字分栏 两栏float左浮动
最近的项目要用到，第一时间找了个页面准备扒下来，嗯... 等等，这个简单的基础div盒子我应该可以自己写吧。我觉得写不出来就该自己打自己了。简直就是丢学前端的脸啊！ 于是乎便动手开始，结构如下图 效果如下 html（样式表都写了注释） <!DOCTYPE html> <html lang="zh"> <head> <meta charset=…- 2.9k
- 0
-
分享一款自用扒站工具仿站工具软件 nb&plus可整站下载可抓取到CSS背景图片
强大的仿站工具助手 最近要扒的页面挺多的，为了安全样式表当然也希望搞回本地来，找了一圈找到这款工具，强大到可以抓爬到css内的图片并保存在本地。特此分享出来！ *PS: 自动普通爬抓仿站的工具之前有发过，详情请善用搜索 这套仿站软件是站长用过最强大的软件，可以整站下载，可以抓取到css中的背景图片，可以简单快速保存你所喜欢的网页，是仿制网站的利器！ 之前用过好多仿站软件都不能抓取到css背景图片唯…- 40k
- 0
-
动态渐变彩色文字代码
演示效果 钻芒博客-- 正在加载今日诗词.... html代码 <div class="wrap"> 闲看儿童捉柳花</div> CSS @keyframes move { 0% {background-position: 0 0;} 100% { /*宽度固定，如果为百分比背景不会滚动*/ background-position: -300px 0; } } .wrap …- 2.1k
- 0
-
CSS3实现“图片阴影”效果
利用多投影重叠的原理，实现曲线阴影与翘边阴影的效果，花一个小时看完的课程，理解的似懂非懂。直接发一下老师写的成品吧。用到来取。css都补上了注释。 第1章曲线阴影的实现 1-1效果演示 1-2结构编写 1-3原理分析 1-4 box-shadow讲解 1-5 主阴影(内阴影外阴影 ) 1-6 after与before讲解 1-7曲线阴影 第2章翘边阴影的实现 2-1翘边阴影 效果 HTML <…- 2.6k
- 0
-
前端开发纯干货 php模板+9900静态模板+2000套手机模板+1000套js模板
绝对干货！！不管是建站还是开发，修改下都是成品。 模板内容： 1、phpweb整站源码模板 2、9900套响应式前端纯静态网页模板 3、2000套PSD模板+酷站源文件 4、2000套手机静态页面模板 5、1000套js特效源码 6、UI界面素材 部分截图： 下载地址：- 5.6k
- 0
-
wordpress主题仿站视频教程
看完后就算你不会制作主题，但一定也能提升你的前端能力。有点基础的可以看一下。 wordpress主题制作+仿站视频教程 第一章《快速入门》 第二章《html入门视频教程》 第三章《wordpress博客主题制作视频教程》 第四章《wordpress单页主题制作视频教程》 第五章《wordpress企业主题制作视频教程》 第六章《wordpress快速仿站视频教程》 第七章《wordpressCMS…- 37.1k
- 0
-
css hover改变其他class属性
css鼠标效果改变其他样式 效果如图: 代码参考 .zmki_box_li li{ background-color: #F2F5FB; padding: 8px 15px!important; border-radius: 10px; transition: background-color 0.3s,color 0.3s; } .zmki_box_li li:hover{ background…- 885
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×