当前位置: 首页 > 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.jsqmd.com/news/52078/

相关文章:

  • Intellij扩展列表
  • agentic terminal coding
  • the badness of USA
  • 2025年11月26日
  • Day3 Scrum冲刺博客
  • 完整教程:内核里常用宏BUG_ON/WARN_ON/WARN_ONCE
  • 贪心专题笔记(从b站左程云老师那上完后的笔记)
  • Agent编写全攻略(超详细)从零基础到精通,一篇搞定,不看后悔,赶紧收藏!
  • 做题警醒
  • 动态规划可能性展开
  • 微软发布 Godot C# 游戏开发教程:godot-csharp-essentials
  • Day3-20251126
  • [KaibaMath]1028 关于[log(m, a)]+1=⌈log(m+1, a)⌉的证明
  • QT TCP服务器构建及网络通信实现 - 详解
  • SCTimer/PWM定时器(续二)
  • 软件工程学习日志2025.11.26
  • [KaibaMath]1027 关于mn ⇔ m≥n+1(m,n均为整数)的证明
  • 自指自洽即因果,可知可行,很烦很好
  • 251126好好学习 天天向上
  • 干扰素信号通路:从JAK-STAT到科研应用
  • 2025年11月室外木塑地板厂家,共挤木塑地板厂家,wpc木塑地板厂家品牌推荐:市政工程合作优选企业
  • 2025年11月二代木塑地板厂家,防水木塑地板厂家,环保木塑地板厂家推荐:无醛环保认证品牌盘点
  • ABC396 VP总结
  • 11月26日日记
  • Zelda
  • 3D scanning with structured light(使用结构光进行三维扫描)
  • 求导幂法则 - ukyo-
  • Webpack高级之常用配置项
  • web框架——flask-异常处理/全局钩子/jinja2引擎
  • 2025年秋招-华为-11月19号开发岗