从零开始的全栈工程师——html篇1.4
2018-09-18 06:33:00来源：博客园 阅读 ()
背景与边框的CSS
一、背景(backgound)
1.背景颜色：background-color:red;(简写：background:color;)
备注：ie9以下给body设置background-color可能不起作用 需要用到bgcolor（<body bgcolor=" ">）
2.背景图片：background-image:url();(简写：background:url();)
3.背景图片的平铺
1).平铺：浏览器默认平铺
2).只平铺横向和纵向：background-repeat:repeat-x; background-repeat:repeat-y;
3).不平铺：background-repeat:no-repeat;
4.背景大小与位置
大小：background-sizi:;
大小属性值的写法有 具体设置大小(200px 200px 100% 100%) auto自适应
位置：background-repeat:;
背景位置(也是坐标轴) 向下为正 像右为正 属性值有 具体数字 百分比 英文 单词
5.背景的简写backgrpund:red url(01.png) no-repeat 50% 50%; 分别是 颜色 路径 平铺 位置
二、边框(border)
这里前面说了简写 咱们边框就直接用简写吧
1.简写border:red 2px dashed;分别是边框的颜色 粗细 线条(虚线：dashed 实线：solid)
2.边框圆角：border-radius:30px;（200px会变成一个圆）
圆(border-radius:200px;)
border不简写：
边框颜色：border-color:red;
边框粗细：border-width:2px;
边框线条：border-style:solid;
边框圆角：border-radius:200px 200px;
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：定位-固定定位
- 转行Web前端工程师要掌握的学习知识汇总 2020-06-10
- 理解content(二) 2020-06-07
- 2020年Web前端开发工程师市场怎么样？学会什么技术才能拿到 2020-06-06
- 要学习什么知识为了成为一名前端工程师？ 2020-06-03
- 如何成为一名优秀的web前端工程师 2020-06-02
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
