这篇博客展示了如何利用HTML和CSS来设计一个咖啡主题的Banner。通过设置元素宽高、背景图片以及定位，实现了 Banner 的布局和视觉效果。代码中详细指定了背景图片的重复方式和位置，使得咖啡图片在 Banner 中居中展示。
案例：
图片资源：
<-------这里有图
参考代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>咖啡banner</title>
<style>
*{
margin: 0;
padding: 0;
}
.wai{
width:900px;
height:344px;
margin:50px auto;
background: url("素材/bg.png") repeat;
}
.nei{
width: 900px;
height: 344px;
background: url("素材/coffee.png")no-repeat 45px 20px;
}
</style>
</head>
<body>
<div class="wai">
<div class="nei">
</div>
</div>
</body>
</html>
扫一扫
1066
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
