边框和边距
2024-09-21 21:37:56 216人阅读
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>
|
|
边框和边距
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：
投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
