css3
如梦难醒
这个作者很懒,什么都没留下…
展开
-
css背景色渐变
#grad { height: 200px; width:500px; background: -webkit-linear-gradient(left, #338fdd , #14d3e3); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #338fdd, #14d3e3); /* Op转载 2018-01-23 13:54:32 · 237 阅读 · 0 评论 -
简单的checkbox多选框样式修改(纯css3)
今天在做项目的时候有需要用到多选框,并且因为ui的关系,需要稍微美化一下多选框,所以找到了实现方法,挺实用的,不需要脚本就能实现。前端布局如下:<input class="select-tag-input" type="checkbox" id="tag-id"style="display: none;"><label class="tag-label" for=&q转载 2018-02-26 10:05:13 · 5516 阅读 · 0 评论 -
通过css设置文字不能被选中
通过简单的css设置页面的文字无法被选定。<div class="select">我不能被选中复制</div>.select{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}通过上面的css就能设置,div里面的文...原创 2018-02-26 10:09:59 · 24660 阅读 · 0 评论 -
关于使用display:flex的弹性布局,结合js实现最后一行自动左对齐(跪求纯css实现的方法)
一个考验基本功的功能,而我现在也才用了最流行的一种方法,希望看到的有思路的可以写下自己的做法,一整段代码如下:实现思路:通过获取父元素的宽度以及子元素宽度进行一系列计算,补齐最后一行,达到justify-content:wrap的时候,依旧完美左对齐<html> <head> <title></title> ...原创 2019-06-28 18:22:41 · 1303 阅读 · 1 评论