边框和边距
Posted 眼泪，还是流了
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了边框和边距相关的知识，希望对你有一定的参考价值。
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>
|
|
以上是关于边框和边距的主要内容，如果未能解决你的问题，请参考以下文章
CSS 使用百分比和边距、填充或边框
Android初学者填充和边距之间的区别[重复]
视图的填充和边距之间的区别
具有填充和边距以及 100% 宽度的 HTML CSS 框？ [复制]
在 Blend 中删除 ListView 标题边框
将单元格中的边框扩展到内容最高的单元格