- 十六进制颜色
- #ffffff 十六进制0-f 两位一色,分别为红、绿、蓝
- RGB颜色
- rgb(红,绿,蓝) 0-255
- RGBA颜色
- rgba(红,绿,蓝, alpha) alpha为透明度,取值0-1
- hls颜色
- hsl(h,s,l) 色相饱和度设置颜色 h:色调(0-360)0表示红色 120绿色 240蓝色 s:饱和度0-100% l:亮度 0-100%
- hsla颜色
- 最后一个属性alpha为透明度,取值0-1
- CSS3 文本阴影
- text-shadow(水平阴影,垂直阴影,模糊的距离,阴影的颜色)
- CSS3 文本溢出省略号
- 文本不换行 white-space: nowrap;
- 多余的部分隐藏掉 overflow: hidden;
- 修剪文本 text-overflow: clip;
- 圆角
- border-radius:25px;四个角圆角
- border-radius:50%;若是正方形,则为圆
- border-radius:25px 20px 15px 10px;左上、右上、右下、左下
- 边框图片
- border: 30px solid blue;
- border-image:url(border.png) 30 30 round;
- repeat平铺 stretch拉伸 round填充
- 中间两个数是规定图像边框的向内偏移(宽度)
- 盒子阴影
- box-shadow:(水平阴影,垂直阴影,模糊的距离,阴影的颜色);
- box-sizing 属性允许你以某种方式定义某些元素,以适应指定区域。(添加在父元素)
- box-sizing:border-box; 确定盒子大小,包括内边距和边框,自适应宽和高。
- box-sizing:content-box; 确定盒子大小,包括边框,自适应宽和高。
- resize 属性指定一个元素是否应该由用户去调整大小 horizontal 水平可调节 vertical垂直 both水平垂直均可
标签:css3,box,颜色,阴影,边框,border 来源: https://www.cnblogs.com/hjcby/p/13532934.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。