Hi! mình mới tập viết lập trình CSS và HTML và hôm nay mình thử chèn Image để làm bìa cho web mà khi đó mình gặp 2 sự cố sau.
1 - Ảnh không toàn màn hình bị trắng ở bên cạnh tay trái và tay trên cùng
2 - mình không chèn được chữ vào hình ảnh để tiếp tục các bước khác.
Ai cao nhân chỉ giáo mình với
<!DOCTYPE html>
<html>
<head>
<title>Duc Nguyen Vlog</title>
<link type="text/css" rel="stylesheet" href="test.css" />
</head>
<body>
<section id="banner">
<div id="menu">
<ul>
<li><a href="Duc Nguyen.html">Trang chủ</a></li>
<li><a href="#">Dịch vụ</a></li>
<li><a href="#">Sản phẩm</a></li>
<li><a href="#">Tin tức</a></li>
<li><a href="#">Diễn đàn</a></li>
<li><a href="#">Liên hệ</a></li>
</ul>
</div><!--END #menu-->
</section>
</body>
</html>
CSSS
* {
margin: 0
padding: 0;
}
body {
font-family: sans-serif;
color: #333;
}
#menu ul {
list-style-type: none;
background: #EEEEEE;
text-align: center;
}
#menu ul li {
color: #f1f1f1;
display: inline-table; /* nam Ngang*/
width: 120px;
height: 40px;
line-height: 40px;
}
#menu ul li a {
color: black;
text-decoration: none;
display: block;
}
#menu ul li a:hover {
background: #f1f1f1;
color: #333;
}
#banner {
background-image: url(../test/img/banner.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 1341px;
height: 800px;
}
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?