Css
Zeng__Y1
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Css实现两种常见的箭头样式的思路及代码
实现的效果图: 第一种: 思路:将border设置好,通过使其他三边的颜色设置为透明(transparent)。 向上: .arrow-top{ border:20pxsolidblack; width:0px; height:0px; border-top-color:...原创 2020-04-14 10:58:01 · 2786 阅读 · 0 评论 -
文本溢出后,自动转成...
让文本实现溢出后实现(...)主要是三个样式: white-sapace:nowrap是文本强制不换行; overflow:hidden 溢出文本隐藏; text-overflow:ellipsis 溢出部分省略; .text1 { width: 200px; padding: 5px; border: 1px solid blac...原创 2018-05-09 16:31:40 · 485 阅读 · 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 · 8555 阅读 · 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 · 1324 阅读 · 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 · 13630 阅读 · 0 评论 -
Css中滤镜filter的效果(模糊,亮度,对比度,灰度,色相旋转,反向输入图像,透明度,饱和度,转为深褐色)
可供操作的演示地址:Filter -------------------------------------------------------------------------------------------------------------------------------------------------------------------如遇到问题:+WX:WAZJ-0...原创 2019-08-13 14:48:24 · 1430 阅读 · 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 · 6462 阅读 · 4 评论
分享