設置元素HTML的背景樣式
[英]Styling the background of an Element HTML
問題描述
我正在建立一個網站，並且正在嘗試一些新的東西，除了當我嘗試為我的H1元素創建背景時，我無法確保背景顏色邊框適合屏幕頂部，左側和右側。
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" type="text/css" href="site.css"
<body>
<title>Test Tab</title>
<div class="main">
<h1>Website Heading</h1>
</div>
</body>
</html>
.main {
font-family: Arial, Verdana, sans-serif;
text-align: center;
font-size: 20px;
background-color: #00ff00;
background-position: 10px;
}
1 個解決方案
解決方案1
2 2016-03-22 09:48:21
您需要將CSS更改為此：
html,body {
margin:0;
padding:0;
}
.main {
font-family: Arial, Verdana, sans-serif;
text-align: center;
font-size: 20px;
background-color: #00ff00;
background-position: 10px;
}
.main h1 {
margin:0;
}
您需要確保將身體設置為沒有填充或邊距，並且還必須確保h1也沒有任何邊距。 這樣，它將很高興地位於頁面頂部。
HTML中的樣式下拉元素
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.