博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Study 7 —— CSS美化背景和边框
阅读量:4327 次
发布时间:2019-06-06

本文共 1374 字,大约阅读时间需要 4 分钟。

图片透明度属性:opacity
背景图片重复属性:background-repeat 背景图片位置属性:background-position                  background-postion:横坐标 纵坐标;                  background-postion:left center;                  background-postion:left top;                  background-postion:left bottom;
背景图片区域属性:background-origin: border | padding | content 背景图片大小属性:background-size 背景图片显示属性:background-attachment:scroll | fixed   /* 规定图片是固定还是随页面滑动(默认固定)*/
背景图片裁剪区域:background-clip: border-box | padding-box | content-box | no-clip 背景复合属性: background: 背景颜色 背景图片 是否重复 图片位置 图片滚动; {background: background-color background-image background-repeat background-attachment              background-position background-size background-clip background-origin} 边框复合属性 边框样式:{border-style: border-top-style border-right-style border-bottom-style border-left-style} 边框颜色:{border-color: border-top-color border-right-color border-bottom-color border-left-color} 边框线宽:{border-width: border-top-width border-right-width border-bottom-width border-left-width} 边框复合:{border: border-width border-style border-color} 圆角边框属性:border-radius: none | length 两个圆角半径:border-radius: length/length border-radius衍生属性: border-top-right-radius border-bottom-right-radius border-top-left-radius border-bottom-left-radius 图片边框 {border-imgage: image (number | percentage) (stretch | repeat | round);}

转载于:https://www.cnblogs.com/vurtne-lu/p/7975930.html

你可能感兴趣的文章
Nginx 反向代理解决浏览器跨域问题
查看>>
为什么现在我最终推荐内存OLTP
查看>>
git error: failed to push some refs to...
查看>>
Markdown指南
查看>>
influxDB的安装和简单使用
查看>>
JPA框架学习
查看>>
JPA、JTA、XA相关索引
查看>>
机器分配
查看>>
php opcode缓存
查看>>
springcloud之Feign、ribbon设置超时时间和重试机制的总结
查看>>
Go 结构体
查看>>
LINQ巩固
查看>>
观看杨老师(杨旭)Asp.Net Core MVC入门教程记录
查看>>
优化后的二次测试Miller_Rabin素性测试算法
查看>>
内部类。
查看>>
我的大学生活-4-21-吕家尧
查看>>
5、手把手教React Native实战之盒子模型BoxApp
查看>>
18日站立会议
查看>>
UIDynamic(物理仿真)
查看>>
AngularJS Scope(作用域)
查看>>