Css
Zeng__Y1
这个作者很懒,什么都没留下…
展开
-
Css实现两种常见的箭头样式的思路及代码
实现的效果图:第一种:思路:将border设置好,通过使其他三边的颜色设置为透明(transparent)。向上:.arrow-top{border:20pxsolidblack;width:0px;height:0px;border-top-color:...原创 2020-04-14 10:58:01 · 2523 阅读 · 0 评论 -
文本溢出后,自动转成...
让文本实现溢出后实现(...)主要是三个样式: white-sapace:nowrap是文本强制不换行; overflow:hidden 溢出文本隐藏; text-overflow:ellipsis 溢出部分省略;.text1 { width: 200px; padding: 5px; border: 1px solid blac...原创 2018-05-09 16:31:40 · 414 阅读 · 0 评论 -
css的卡片式图片
效果图:html:<div class="card"> <img src="/static/img/03_pingtai/03_02.jpg" alt=""/> <div> <span>打破企业间壁垒,提供便捷的接入方式,实现不企业,不同品牌、不同类型间的家电的数据互联互通和数据协同</span&...原创 2018-10-31 11:15:23 · 8324 阅读 · 3 评论 -
Css图片的翻转效果
效果图:代码:.turn{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filt...原创 2018-11-01 11:53:40 · 1249 阅读 · 0 评论 -
background-image 关于把一张图片完全显示在大div中,小div中
最近做项目的时候 突然遇到的问题原图是一张:width: 750px; height: 400px;首先默认的状态:设置 background-size: 100% 100%; //这将设置为图片的宽高都是100% 去适应div的大小 background-repeat: no-repeat; //这将设置图片 不重铺 图片会被拉伸和缩小;设置后的效果:文件的...原创 2019-03-23 16:09:37 · 13351 阅读 · 0 评论 -
Css中滤镜filter的效果(模糊,亮度,对比度,灰度,色相旋转,反向输入图像,透明度,饱和度,转为深褐色)
可供操作的演示地址:Filter-------------------------------------------------------------------------------------------------------------------------------------------------------------------如遇到问题:+WX:WAZJ-0...原创 2019-08-13 14:48:24 · 1329 阅读 · 0 评论 -
伪类:nth-child()和:nth-of-type()最简单的区分、理解
:nth-child()和:nth-of-type()常见的取值有:数字(1,2,3....),倍数(2n,3n....),奇数(odd),偶数(even)本文的实例代码:主要为1个不带有li类的div标签,三个带有li类h1、h2、p、div<div class="box"> <div>这是没有.li的div</div> <...原创 2019-08-12 09:24:19 · 6399 阅读 · 4 评论