当前位置: 首页 > news >正文

Day25综合案例一--CSS精灵--京东服务

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>京东服务</title><style>*{margin: 0;padding: 0;box-sizing: border-box;}li{list-style: none;}.service{margin: 100px auto;width: 1190px;height: 42px;background-color: pink;}.service ul{display: flex;}.service li{display: flex;padding-left: 40px;width: 297px;height: 42px;background-color: skyblue;}.service li:nth-child(2) h5{background: url(../DAY8/day08/images/sprite.png) -41px -192px;}.service li:nth-child(3) h5{background: url(../DAY8/day08/images/sprite.png) -82px -192px;}.service li:nth-child(4) h5{background: url(../DAY8/day08/images/sprite.png) -124px -192px;}.service li h5{margin-right: 10px;width: 36px;height: 42px;background: url(../DAY8/day08/images/sprite.png) 0 -192px;}.service li p{font-size: 18px;color: #444;font-weight: 700;line-height: 42px;}</style>
</head>
<body><div class="service"><ul><li><h5></h5><p>品类齐全,轻松购物</p></li><li><h5></h5><p>多仓直发,极速配送</p></li><li><h5></h5><p>正品行货,精致服务</p></li><li><h5></h5><p>天天低价,畅享无忧</p></li></ul></div>
</body>
</html>

image

http://www.zskr.cn/news/62009.html

相关文章:

  • agentic terminal coding
  • 2025年11月26日
  • Day3 Scrum冲刺博客
  • 贪心专题笔记(从b站左程云老师那上完后的笔记)
  • 做题警醒
  • 微软发布 Godot C# 游戏开发教程:godot-csharp-essentials
  • [KaibaMath]1028 关于[log(m, a)]+1=⌈log(m+1, a)⌉的证明
  • 软件工程学习日志2025.11.26
  • [KaibaMath]1027 关于mn ⇔ m≥n+1(m,n均为整数)的证明
  • Webpack高级之常用配置项
  • 详细介绍:从零开始的云原生之旅(七):ConfigMap 和 Secret 配置管理
  • 详细介绍:逻辑回归 Logistic 算法从入门到入土
  • NOIP 集训 day5 DP
  • 解码JSON
  • 深入解析:Vue2.x + Webpack + ES6仿懂球帝足球项目实战
  • 生产事故救火指南:Kafka 消息积压了怎么办?如何保证数据一条不丢?
  • qoj 2610 题解
  • P4158 [SCOI2009] 粉刷匠
  • Google 新出的 Antigravity 有哪些新特性?
  • AI元人文实践:家庭旅游规划
  • 畅通工程 小记
  • Linuxの磁盘知识2
  • 大盘风险控制策略分析报告 - 2025年11月26日
  • ASR+TTS - 实践
  • 1. 密码学基础
  • 笔记分享 : 一文读懂3个概念 : RoI, RoI pooling, RoI Align
  • LLM提示注入攻击深度解析:从原理到防御的完整应对方案
  • Ceres Solver优化库学习笔记
  • Flash动画制作总结
  • 第四十九篇