做一个关于戒指的html界面
时间: 2023-12-13 19:06:14 浏览: 24
<!DOCTYPE html>
<html>
<head>
<title>戒指</title>
<meta charset="UTF-8">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}
h1 {
color: #333;
text-align: center;
margin-top: 50px;
}
.container {
margin: 0 auto;
width: 800px;
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.ring-img {
float: left;
margin-right: 20px;
}
.ring-info {
float: left;
}
.ring-info h2 {
color: #333;
margin-top: 0;
}
.ring-info p {
color: #666;
margin: 10px 0;
}
</style>
</head>
<body>
<h1>戒指</h1>
<div class="container">
<div class="ring-img">
<img src="https://images.unsplash.com/photo-1495615089107-52a1b29e7958?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="戒指">
</div>
<div class="ring-info">
<h2>银质戒指</h2>
<p>材质:925纯银</p>
<p>尺寸:可调节</p>
<p>价格:$30</p>
<p>描述:简约大方的银质戒指,适合日常佩戴。</p>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.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)
![](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)