写一个商品介绍网页 html
时间: 2023-10-05 07:07:59 浏览: 46
<!DOCTYPE html>
<html>
<head>
<title>商品介绍</title>
<style>
h1 {
text-align: center;
color: #ff6600;
font-size: 36px;
margin-top: 50px;
}
p {
text-align: justify;
font-size: 18px;
margin: 20px;
}
img {
display: block;
margin: auto;
width: 50%;
border: 5px solid #ff6600;
margin-top: 50px;
margin-bottom: 50px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
margin-bottom: 50px;
}
li {
display: inline-block;
margin: 10px;
padding: 10px;
border: 2px solid #ff6600;
background-color: #ff6600;
color: #fff;
font-size: 20px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
li:hover {
background-color: #fff;
color: #ff6600;
transform: scale(1.2);
box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}
footer {
background-color: #ff6600;
color: #fff;
text-align: center;
padding: 20px;
margin-top: 50px;
}
</style>
</head>
<body>
<h1>这是一个商品介绍网页</h1>
<img src="https://picsum.photos/600/400" alt="商品图片">
<p>这是一个非常好的商品,它拥有很多优点,比如说:</p>
<ul>
<li>优点1</li>
<li>优点2</li>
<li>优点3</li>
<li>优点4</li>
<li>优点5</li>
</ul>
<p>除此之外,这个商品还有很多其他的优点,如果你想了解更多的信息,可以点击下面的按钮:</p>
<a href="#">了解更多</a>
<footer>版权所有 © 商品介绍网页</footer>
</body>
</html>
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)