CSS
文章平均质量分 71
Ayn慢慢
思考比学习重要。
展开
-
CSS超出两行隐藏
CSS超出3行隐藏原创 2022-08-29 13:54:05 · 899 阅读 · 0 评论 -
CSS3 box-shadow 效果大全(内阴影,外阴影,三边阴影,双边阴影,单边阴影,细线描边…)
/* offset-x | offset-y | color */box-shadow: 60px -16px teal;/* offset-x | offset-y | blur-radius | color */box-shadow: 10px 5px 5px black;/* offset-x | offset-y | blur-radius | spread-radius | color */box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2..转载 2021-08-03 14:55:30 · 3236 阅读 · 0 评论 -
49个在工作中常用且容易遗忘的CSS样式清单整理
1、文字超出部分显示省略号单行文本的溢出显示省略号(一定要有宽度) p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }多行文本溢出显示省略号p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;转载 2021-06-29 10:12:12 · 132 阅读 · 0 评论 -
css3 box-shadow阴影(外阴影与外发光)讲解
基础说明: 外阴影:box-shadow: X轴 Y轴 Rpx color; 属性说明(顺序依次对应):阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值(大小) 阴影的颜色 内阴影:box-shadow: X轴 Y轴 Rpx colorinset; 默认是外阴影 内阴影:inset 可以设置成内...转载 2019-08-27 16:17:51 · 252 阅读 · 0 评论 -
CSS让一张图片作为背景图片填充整个屏幕
background-image: url('../../static/img/back-img.png'); width: 100%; height: 100%; position: fixed; background-repeat: no-repeat; background-position: 0px 0px; background-size: 100% 100%;...原创 2019-08-20 11:21:18 · 7403 阅读 · 1 评论 -
CSS3实现左右摆动和上下滑动
1、上下滑动 #award { position: absolute; top: 30px; left: 365px; -webkit-animation: move 10s infinite alternate; animation: mo...原创 2019-08-07 09:12:02 · 1739 阅读 · 0 评论 -
解决div里面img图片下方有空白的问题
在开发的过程中,我发现插入一张图片后,下面想紧跟着一个带背景色的div,不管我怎么折腾他都有一条白边。后来研究了一下发现自己对img标签了解的真不够深入。image.pnghtml代码:<body> <header>header</header> <div class="banner"> /* 插入...转载 2019-06-10 11:44:40 · 2648 阅读 · 0 评论 -
一些关于H5的网址
1、在线生成3D字体http://3d.yuxiaoxi.com/2、CSS3在线素材http://www.htmleaf.com/3、设计师导航网站http://hao.shejidaren.com/4、H5学习交流平台https://www.html5tricks.com/5、17素材网http://www.17sucai.com/6、IT资源下载平台...原创 2019-04-23 13:55:56 · 9645 阅读 · 0 评论 -
CSS字体样式
样式一: body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #000000; background: #f2e7c...转载 2019-04-17 09:22:46 · 373 阅读 · 0 评论 -
Flex布局
首先要有个容器,并设置display:flex;display:-webkit-flex;该容器有以下六个属性: 1 2 3 4 5 6 7 8 9 10 11 12 flex-direction (元素排列方向) row, row-reverse, column...转载 2019-03-28 10:36:10 · 228 阅读 · 0 评论