![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
流都
这个作者很懒,什么都没留下…
展开
-
:after等伪元素无效
♦ 伪元素如果没有设置“content”属性,伪元素是无用的#example:before { 2. content: ""; 3. display: block; 4. width: 100px; 5. height: 100px; 6.} ♦ 你也许注意到,你也可以用两个冒号(::before 和 ::after) 写伪元素,这个我以前讨论过的。简短的...原创 2018-05-17 17:09:03 · 14441 阅读 · 1 评论 -
div生成自适应的输入框
同样是前任的坑,好好的textarea不用干吗要div模拟html:<!--多行文本--><div contenteditable="true" class="multipletext" placeholder="请在此填写登记内容"></div>解析:带有contenteditable属性的div可作为输入框(div可以根据内容自动调整高度哦)css:.mu..原创 2018-05-16 10:47:41 · 1261 阅读 · 0 评论 -
svg笔记
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />cx:坐标x位置;cy:坐标y位置;r:圆的半径;stroke:圆的外框颜色;stroke-width:圆的外框宽度;fill:填充颜色...原创 2018-06-11 16:11:27 · 303 阅读 · 0 评论 -
纯CSS的方式实现优惠券的波浪、内凹圆形
整理了一下网上看的思路,都是通过radial-gradient画圆形渐变,并且把渐变2头的透明度都设为0,这样容器就出现了一个个的洞,再把不需要看到的洞遮起来.sawtooth{ /* 画出一个半径为5px的透明的圆,透明圆以外都是#e24141颜色 */ background-image: radial-gradient(transparent 0, transparent 5p...转载 2018-05-30 11:20:38 · 16119 阅读 · 2 评论 -
css3阴影
-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;box-shadow:2px 2px 5px rgba(254,215,129,0.4)box-shadow:阴影水平偏移值(可取正负值)| 阴影垂直偏移值 (可取正负值)| 阴影模糊...原创 2018-06-08 16:12:14 · 264 阅读 · 0 评论 -
input相关:点击时边框颜色去除、placeholder样式、点击时隐藏
♦ 点击聚焦时原生边框颜色去除border修改无用input{outline:none} input:focus { outline: none; }♦ placeholder样式修改(没有统一写法,必须分开写)input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browser...原创 2018-06-08 17:30:12 · 7339 阅读 · 0 评论