以下是一个基本的酒网站模板,可以根据自己的需要进行修改:
HTML代码:
```html
酒网站模板
```
CSS代码:
```css
/* 样式表 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
.logo {
width: 100px;
height: 100px;
margin: 0 auto;
background-image: url("logo.png");
background-size: cover;
background-position: center;
border-radius: 50%;
cursor: pointer;
}
.title {
text-align: center;
font-size: 2em;
margin-top: 20px;
}
main {
width: 80%;
margin: 0 auto;
padding: 20px;
}
section {
margin-bottom: 20px;
}
h1 {
font-size: 2em;
margin-bottom: 10px;
}
ul {
list-style: none;
}
li {
margin-bottom: 5px;
}
.contact {
width: 100px;
height: 100px;
margin: 0 auto;
background-image: url("contact.png");
background-size: cover;
background-position: center;
border-radius: 50%;
cursor: pointer;
}
footer {
text-align: center;
font-size: 1em;
margin-top: 20px;
}
```
以上是一个简单的酒网站模板的HTML和CSS代码示例,可以根据自己的需要进行修改。
