甜品店宣传网页：甜品店宣传文案海报

心急如焚 2025-01-13 水陆两栖挖机出租 24 次浏览 0个评论

<!DOCTYPE html>

甜蜜诱惑——品味生活的甜蜜角落 body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; } .container { width: 80%; margin: auto; overflow: hidden; } header { background: #f1e6c9; color: #333; padding-top: 30px; min-height: 70px; border-bottom: #e8be7e 3px solid; } header a { color: #333; text-decoration: none; text-transform: uppercase; font-size: 16px; } header ul { padding: 0; list-style: none; } header li { display: inline; padding: 0 20px 0 20px; } header #branding { float: left; } header #branding h1 { margin: 0; } header nav { float: right; margin-top: 10px; } header .highlight, header .current a { color: #e8be7e; font-weight: bold; } header a:hover { color: #ffffff; background-color: #e8be7e; } .banner { background: url('banner.jpg') no-repeat center center/cover; height: 400px; color: #fff; text-align: center; padding-top: 100px; } .banner h1 { font-size: 60px; margin: 0; } .services { padding: 20px 0; } .service { float: left; width: 33.3333%; padding: 0 10px; } .service img { width: 100%; border-radius: 5px; } .service h2 { margin-top: 10px; } .service p { margin-bottom: 0; } .footer { background: #333; color: #fff; text-align: center; padding: 10px; position: relative; bottom: 0; width: 100%; }