solid 边框加粗
border：5px 设置边像素
display:inline-block 横着显示块状的
line-height:40px 字体上下居中
text-align：center 字体左右居中
margin-right：20px 调整外界边框
- "width: 80px;height: 40px;border: 5px salmon solid;
- display: inline-block; line-height: 40px; text-align: center;
- margin-right:20px">呵呵
- "width: 80px; height: 40px;border: 5px slateblue solid;
- display: inline-block;line-height: 40px; text-align: center;
- margin-right: 60px">导航
2. margin;边距，顺序是上 ，右， 下， 左 可以负数
CSS Code复制内容到剪贴板- "width: 200px;height: 200px;border: 5px salmon solid;">
- "width: 100px;height: 100px;border: 5px seagreen solid;
- margin: 20px 30px 20px 50px">
2.1 padding:内边距 顺序一样，上，左，下，右，从内边缘开始长胖
CSS Code复制内容到剪贴板- "width: 200px;height: 200px;border: 5px salmon solid;">
- "width: 100px;height: 100px;border: 5px seagreen solid;
- padding: 20px 30px 20px 50px">
3.margin-top 设置元素的上外边距，如果有多个边距则选择最大值
CSS Code复制内容到剪贴板- "width: 200px;height: 200px;background-color: #FF0000;
- margin-top: 100px">
- "width: 100px;height: 100px;background-color: aqua;
- margin-top: 30px">
浮动调整
1.无浮动效果
CSS Code复制内容到剪贴板- "width: 200px; height: 200px;border: 10px darkmagenta solid">无与伦比
- "width: 300px;height: 300px;background-color: chartreuse">的美丽
2.有浮动的效果
CSS Code复制内容到剪贴板- "width: 200px; height: 200px;border: 10px salmon solid;float:left">无与伦比
- "width: 300px; height: 300px;background-color: seashell">美妙绝伦
3.清除浮动
CSS Code复制内容到剪贴板- "width: 200px;height: 200px;border: 10px darkgoldenrod solid;float: left">无与伦比
- "clear: left;width: 300px;height: 300px;background-color: chartreuse;">美妙绝伦
-
热门相关搜索路由器设置 木托盘 宝塔面板 儿童python教程 心情低落 朋友圈 vim 双一流学科 专升本 我的学校 日记学校 西点培训学校 汽修学校 情书 化妆学校 塔沟武校 异形模板 西南大学排名 最精辟人生短句 6步教你追回被骗的钱 南昌大学排名 清朝十二帝 北京印刷学院排名 北方工业大学排名 北京航空航天大学排名 首都经济贸易大学排名 中国传媒大学排名 首都师范大学排名 中国地质大学(北京)排名 北京信息科技大学排名 中央民族大学排名 北京舞蹈学院排名 北京电影学院排名 中国戏曲学院排名 河北政法职业学院排名 河北经贸大学排名 天津中德应用技术大学排名 天津医学高等专科学校排名 天津美术学院排名 天津音乐学院排名 天津工业大学排名 北京工业大学耿丹学院排名 北京警察学院排名 天津科技大学排名 北京邮电大学(宏福校区)排名 北京网络职业学院排名 北京大学医学部排名 河北科技大学排名 河北地质大学排名 河北体育学院排名
名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号
