css
三个人工作室
这个作者很懒,什么都没留下…
展开
-
CSS实现background-image背景图片全屏铺满自适应大小【伸手党福利】
【代码】CSS实现background-image背景图片全屏铺满自适应大小【伸手党福利】原创 2022-09-08 14:38:05 · 8681 阅读 · 2 评论 -
css 实现div内显示一行、两行或三行,超出部分用省略号显示
一、div内显示一行,超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示两行或三行,超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;(行数)-webkit-box-orient: vertical;...原创 2020-11-28 10:08:56 · 5151 阅读 · 0 评论 -
固定div或图片到页面底部
style当中:.bottom{ position:fixed; bottom:0px; left:0px; width:100%;}原创 2020-10-19 14:31:37 · 1093 阅读 · 0 评论 -
css圆角代码——附注释
border-radius:3px 4px 5px 6px;代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角。原创 2020-09-03 15:55:06 · 1241 阅读 · 0 评论 -
css中calc计算calc(100% - 10px) 没生效
css中,布局常用:alc() = calc(四则运算)需要注意的是,运算符前后都需要保留一个空格,例如:height: calc(100vh - 10px);如果写成 height:calc(100vh-10px); 是不会生效的~原创 2020-09-03 15:35:08 · 2427 阅读 · 0 评论 -
CSS秘密花园: 自定义复选框
https://www.w3cplus.com/css3/css-secrets/custom-checkboxes.htmlhead<style type="text/css">input[type="checkbox"] { position: absolute; clip: rect(0,0,0,0); } input[type="checkbox"] + label {...转载 2019-07-20 23:12:27 · 166 阅读 · 0 评论 -
使用CSS为图片添加边框的几种方法
http://blog.163.com/zb_17173/blog/static/31167488201132915251674/HTML<img class=”shadow” src=”sample.jpg” alt=”" />CSSimg.shadow { background: url(shadow-1000×1000.gif) no-repea...转载 2019-07-20 23:14:17 · 5788 阅读 · 0 评论 -
css怎么做才能只显示图片的一部分
// 绝对定位与相对定位是冲突的,只能生效一个。。background-position:-82px -137px; // 绝对定位background-position:top right; // 相对定位在html 的img属性里只显示图片的一部分区域(矩形,给出开始点和结束点),其他部份不显示,也不要拉伸在html 的img属性里只显示图片的部分区域(矩形,给出开始点和结束点),其...转载 2019-07-23 10:14:15 · 8615 阅读 · 0 评论 -
CSS 强制换行和禁止换行学习
强制换行 1、word-break: break-all; 只对英文起作用,以字母作为换行依据。 2、word-wrap: break-word; 只对英文起作用,以单词作为换行依据。 3、white-space: pre-wrap; 只对中文起作用,强制换行。禁止换行 white-space:nowrap; ov...转载 2019-07-23 12:24:09 · 440 阅读 · 0 评论