課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
如圖所示:
2018-08-08
源自:初識HTML(5)+CSS(3)-升級版 13-1
正在回答
利用margin設置塊間元素的間距,如果沒有margin設置,則塊間元素間距按照默認值,代碼如下,可以試著刪除margin試試看。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>內聯塊狀元素</title>
<style type="text/css">
div,p,h1,form{background:pink;}
div{
? ? margin-top:0;
? ? margin-bottom:0;
}
h1{
</style>
</head>
<body>
<div>div1</div>
<p>段落1段落1段落1段落1段落1</p>
<h1>h1</h1>
<form>form</form>
<ul>ul</ul>
<li>li</li>
</body>
</html>
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
4 回答內聯元素之間的間距要如何消去?
4 回答塊狀元素轉化的內聯元素之間的間距去哪了?222222222222222222222與222222222222222222222之間應該有間距不是么?
3 回答內聯元素之間的間距
2 回答內聯元素之間的間距問題怎么消除
2 回答內聯元素之間為何有間距問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-08-08
利用margin設置塊間元素的間距,如果沒有margin設置,則塊間元素間距按照默認值,代碼如下,可以試著刪除margin試試看。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>內聯塊狀元素</title>
<style type="text/css">
div,p,h1,form{background:pink;}
div{
? ? margin-top:0;
? ? margin-bottom:0;
}
h1{
? ? margin-top:0;
? ? margin-bottom:0;
}
</style>
</head>
<body>
<div>div1</div>
<p>段落1段落1段落1段落1段落1</p>
<h1>h1</h1>
<form>form</form>
<ul>ul</ul>
<li>li</li>
</body>
</html>