边框和边距

时间：2017-05-13 21:05:33 阅读：146 评论：0 收藏：0 [点我收藏+]

1.盒子模型属性
width：宽
height:高
border:边框
padding:内边框
margin:外边框
2.边框
border:边框
border-color:边框颜色
border-width:边框宽度
border-style:边框风格
注意：边框可以分为上，下，左，右四个，可以分别设置值
border-color:red green blue yellow
3.外边距
margin(top/right/left/bottom)
4.内边距
padding(top/right/left/bottom)
5.display属性
display
none:表示隐藏元素
block:块级元素（显示）
inline:内联元素（显示）

<html>
<head></head>
<title></title>
<style type="text/css">
#music span{
display:block;
padding-left:5px;
}
#music div{
padding-left:5px;
}
#music .song-1{display:inline;}
#music .song-2{display:none;}
</style>
<body>
<div id="music">
<h1>最炫民族风</h1>
<p>演唱：凤凰传奇</p>
<span>苍茫的天涯是我的爱</span>
<span>绵绵的青山脚下花正开</span>
<span>什么样的节奏是最呀最摇摆</span>
<span>什么样的歌声才是最开怀</span>
<span>弯弯的河水从天上来</span>
<div>留下那万紫千红一片海</div>
<div class="song-1" >火辣辣的歌谣是我们的期待</div>
<div class="song-1">一路边走边唱才是最自在</div>
<div class="song-2">我们要唱就要唱得最痛快</div>
<div>-----</div>
</div>
</body>
</html>

边框和边距

标签：html 设置 line 盒子模型显示风格 htm style 模型

原文地址：http://www.cnblogs.com/yang82/p/6850253.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行