题目
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>桂林山水风景图片</title>
<meta name="author" content="huyiwei">
<meta name="generator" content="HBuilder X"></meta>
<style type="text/css">
h3{
color: red;
}
img{
width: 200px;
height: 200px;
}
li{
/* display: inline; */
float: left;
}
ul{
list-style-type: none;
}
</style>
</head>
<body align = "center">
<h3>桂林山水风景图片</h3>
<ul>
<li>
<a href="图片/image51.jpg">
<img src="图片/image51.jpg"><br>桂林山水1
</a>
</li>
<li>
<a href="图片/image52.jpg">
<img src="图片/image52.jpg"><br>桂林山水2
</a>
</li>
<li>
<a href="图片/image53.jpg">
<img src="图片/image53.jpg"><br>桂林山水3
</a>
</li>
<li>
<a href="图片/image54.jpg">
<img src="图片/image54.jpg"><br>桂林山水4
</a>
</li>
</ul>
</body>
</html>
样式效果：文章来源：https://www.toymoban.com/news/detail-720080.html
文章来源地址https://www.toymoban.com/news/detail-720080.html
到了这里，关于HTML：桂林山水风景Web界面设计的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
