浅谈浅谈HTML((css基础样式)基础样式)
下面小编就为大家带来一篇浅谈HTML(css基础样式)。小编觉得挺不错的, 现在就分享给大家,也给大家做
个参考。一起跟随小编过来看看吧
solid 边框加粗边框加粗
border:5px 设置边像素
display:inline-block 横着显示块状的
line-height:40px 字体上下居中
text-align:center 字体左右居中
margin-right:20px 调整外界边框
CSS Code复制内容到剪贴板
1. <body style="margin: 0px">
2.
3. <!--默认8px-->
4.
5. <div style="width: 80px;height: 40px;border: 5px salmon solid;
6.
7. display: inline-block; line-height: 40px; text-align: center;
8.
9. margin-right:20px">呵呵</div>
10.
11.
12.
13. <div style="width: 80px; height: 40px;border: 5px slateblue solid;
14.
15. display: inline-block;line-height: 40px; text-align: center;
16.
17. margin-right: 60px">导航</div>
2. margin;边距,顺序是上 ,右, 下, 左 可以负数
CSS Code复制内容到剪贴板
1. <div style="width: 200px;height: 200px;border: 5px salmon solid;">
2.
3. <div style="width: 100px;height: 100px;border: 5px seagreen solid;
4.
5. margin: 20px 30px 20px 50px"></div>
6.
7. <!--margin;边距,顺序是上 ,右, 下, 左 可以负数-->
8.
9. </div>
2.1 padding:内边距 顺序一样,上,左,下,右,从内边缘开始长胖
CSS Code复制内容到剪贴板
1. <div style="width: 200px;height: 200px;border: 5px salmon solid;">
2.
3. <div style="width: 100px;height: 100px;border: 5px seagreen solid;