邊框和邊距

阿新 • • 發佈：2017-05-13

div title 設置期待 music 邊距 ng- add 屬性

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>

邊框和邊距

div title 設置期待 music 邊距 ng- add 屬性 1.盒子模型屬性 width：寬 height:高 border:邊框 padding:內邊框 margin:外邊框2.邊框 border:邊框 border-color:邊框顏色 border-wid

邊框和邊距

邊框和邊距

css權威指南（8）:內邊距、邊框和外邊距

jQuery獲取元素寬高（內邊距、邊框和外邊距）

盒子模型/設定邊框/內邊距、外邊距

背景、邊框、邊距相關屬性

ionic入門之色彩、圖示和邊距和介面元件：列表

CSS理解：BFC和邊距重疊

Android中自定義Dialog對話方塊消除邊距消除黑邊框和顯示動畫

絕對定位和負邊距的應用

Day49：CSS屬性操作（文本、背景、邊框、列表、display、邊距）

UILabel實現上下左右內邊距和自適用高度的計算三種方法

[轉]簡單的動態修改RDLC報表頁邊距和列寬的方法

CSS邊框，內邊距，外邊距

Qt佈局管理(3)：內容邊距、間距和QSpacerItem類

content內容，padding內邊距，board邊框，margin外邊距

CSS內邊距和外邊距

HTML邊距設定之padding和margin

修改易通CmsEasy產品圖片的較寬內邊距為細線和左側文字說明與小圖示之間的距離

內邊距和外邊距

tableView 的常規效果：傳統和內邊距的設定

邊框和邊距

相關推薦