![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
简单的实用css效果
阵雨丶
这个作者很懒,什么都没留下…
展开
-
CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦
CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦等等 新出的HTML5新增了不少标签,性能更强,原来的很繁琐的功能几个标签就能实现,同时CSS3也推出,更是一大亮点,下面是css3的部分用法,在此总结一下,以供需要的朋友们,总共30个例子 1.长方形 #Rectangle{ width: 200px; height: 50px; bac转载 2017-08-12 12:08:11 · 330 阅读 · 0 评论 -
CSS中如何选择ul下li的奇数、偶数行
style> #Ulist li:nth-of-type(odd){ margin-left: 20px;}奇数行 #Ulist li:nth-of-type(even){margin-left: 10px;}偶数行 style>转载 2017-08-12 12:02:38 · 1786 阅读 · 0 评论 -
css3 animation和background-position制作动画效果(animation steps)
.userimg { display: inline-block; width: 36px; height: 36px; border-radius: 100%; background: url(img/bg_base_spr24.png) no-repeat -100px 0; vertical-align: top; margin-rig原创 2017-08-01 09:53:35 · 3592 阅读 · 0 评论 -
把input设置成只读模式
1.input="text" 2.input="checkbox"原创 2017-07-31 15:51:16 · 1675 阅读 · 0 评论 -
使用html+vue的方式开发,在页面初次进入时会有一闪而过的代码
例如:<p class="fl z-tshi">{{city}}</p>在页面加载时会有{{city}}代码一闪而过,影响美观解决方案:加上v-cloak<p class="fl z-tshi" v-cloak>{{city}}</p>并且在公共的css加入:[v-cloak] { display: none; }...原创 2018-04-19 16:03:25 · 3731 阅读 · 0 评论