随_意
2018-04-26 23:17
怎么把图片设为背景
<body background="你的图片地址"></body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<title>CSS Flyout menus</title> | |
<style> | |
#nav, #nav ul { | |
padding: 0; | |
margin: 0; | |
list-style: none; | |
} | |
#nav li { | |
float: left; | |
position: relative; | |
width: 10em; | |
border: 1px solid #B0C4DE; | |
background-color: #E7FFF5; | |
color: #2D486C; | |
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; | |
margin-right: 1em; | |
} | |
#nav a:link, #nav a:visited { | |
display: block; | |
text-decoration: none; | |
padding-left:1em; | |
color: #2D4900; | |
} | |
#nav ul { | |
display: none; | |
position: absolute; | |
padding-top: 0.5em; | |
} | |
#nav ul li { | |
float: none; | |
border: 0 none transparent; | |
border-bottom: 1px solid #E7EDF5; | |
background-color: #FFFFF9; | |
font-size: 100%; | |
margin: 0; | |
margin-bottom: 0.5em; | |
padding: 0; | |
} | |
#nav li:hover ul { | |
display: block; | |
} | |
</style> | |
</head> | |
<body> | |
<ul id="nav"> | |
<li><a href="#">Starters</a> | |
<ul> | |
<li><a href="#">Fish</a></li> | |
<li><a href="#">Fruit</a></li> | |
<li><a href="#">Soups</a></li> | |
</ul> | |
</li> | |
<li><a href="#">Main courses</a> | |
<ul> | |
<li><a href="#">Meat</a></li> | |
<li><a href="#">Fish</a></li> | |
<li><a href="#">Vegetarian</a></li> | |
</ul> | |
</li> | |
<li><a href="#">Desserts</a> | |
<ul> | |
<li><a href="#">Fruit</a></li> | |
<li><a href="#">Puddings</a></li> | |
<li><a href="#">Ice Creams</a></li> | |
</ul> | |
</li> | |
</ul> | |
</body> | |
</html> |
在 <style></style>标签内设置,因为是背景,所以应该设置 body 的背景属性设置为图片。
如:
<style> body { background: url( "(图片位置)"); } </style>
如下图所示:
把图片做背景
background:url("img='');
background: url("img=");
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题