CSS
关注
分享
扫一扫
0?0
这个作者很懒，什么都没留下…
展开
-
网页字体点击多下背景变蓝色
body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}原创 2019-12-26 16:28:48 · 207 阅读 · 0 评论 -
矢量图标在ie浏览器下显示不全
需要把下载好字体文件导入icomoon https://icomoon.io/app/#/select换一下就好了，完美原创 2019-12-07 15:44:08 · 396 阅读 · 0 评论 -
ttf字体压缩（字蛛）
安装node.js安装字蛛npm install font-spider -g 在项目文件中font-spider C:\Users\wangchao\Desktop\*.html原创 2019-12-07 15:37:46 · 346 阅读 · 0 评论 -
css 实现弧形背景
.pure_top { width: 100%; height: 100px; position: relative; z-index: 0; overflow: hidden;}.pure_top::after { content: ''; width: 120%; height: 100px; position: absolute; left: -1...原创 2019-10-25 16:10:09 · 7301 阅读 · 2 评论 -
修改html标签ol的默认样式（counter-increment和counter-reset的用法）
ol { padding: 0; margin: 0; list-style: none; counter-reset: sectioncounter } ol > li{ width: 100%; line-height: 30px; color: #130b18; font-...原创 2019-10-23 11:22:10 · 1730 阅读 · 0 评论 -
图片翻转，上下跳动（css3）
图片翻转html<div class="Img"> <img class="rotatesimg" src="images/myImg.png" /></div>css.Img .rotatesimg { -webkit-animation: transform-5 1.5s ease 500ms alternate none..原创 2019-01-05 09:23:20 · 2367 阅读 · 4 评论 -
用css画三角形
1. index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>css基础实践</title> <link rel="stylesheet" href="css/index.cs原创 2019-02-28 09:42:58 · 820 阅读 · 0 评论 -
css3——阴影（立体感，层次效果），渐变色按钮
box-shadow: 0px 0px 12px #97eaf9;语法box-shadow: h-shadow v-shadow blur spread color inset;h-shadow 必需。水平阴影的位置。允许负值。v-shadow 必需。垂直阴影的位置。允许负值。blur 可选。模糊距离。spread 可选。阴影的尺寸。color 可选。阴影的颜色。inset 可...原创 2019-05-10 14:33:33 · 7562 阅读 · 0 评论 -
CSS3之多列布局columns-----类似淘宝京东首页商品列表排版
子容器不等高，多行两列排版父容器上添加样式 column-count: 2; -webkit-column-count: 2;css3这个东东真神奇，写了好多种布局都实现不了，最终完美呈现如下：...原创 2019-10-08 15:59:11 · 1933 阅读 · 2 评论