案例一:

一个小案例

<body><ul class="head"><li class="head-first">商品分类</li><li class="head-first">商品分类</li>......</ul><ul class="list"><li><a href="#">....</a></li>..............<li><a href="#">....</a></li></ul>
</body>
ul,
li {list-style: none;padding: 0px;margin: 0px;
}
/* 浏览器都有自己的默认样式,以上内容用于浏览器默认样式的清除 */.head {width: 200px;color: #ffffff;/* 去除空白折叠 */font-size: 0px;
}.head li {/* 让两个li处于同一行 */display: inline-block;font-size: 12px;line-height: 36px;width: 100px;text-align: center;
}.head .head-first {background-color: #c60a0a;
}.head .head-second {background-color: #464444;
}.list {width: 200px;box-sizing: border-box;padding-top: 29px;padding-bottom: 14px;background-color: #413f3f;
}.list li {margin-bottom: 14px;padding-left: 24px;padding-right: 24px;
}.list li a {/* 让a成为块状元素才能让宽度占据整条li */display: block;border: 1px solid #cb0c10;border-radius: 10px;text-align: center;line-height: 29px;/* a标签比较特殊,设置它的文本样式需要直接选中它 */color: #ffffff;/* 去除a标签的下划线 */text-decoration: none;
}

二、

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><link rel="stylesheet" type="text/css" href="./index.css" /><title>QQ注册</title></head><body><nav class="nav"><a class="qq"><img src="https://document.youkeda.com/P3-1-HTML-CSS/1.9/3-qq/qq.png" /><span>QQ</span></a><ul class="right"><li class="bright"><imgsrc="https://document.youkeda.com/P3-1-HTML-CSS/1.9/3-qq/bright.png"alt="QQ靓号"/></li><li class="language"><span>简体中文</span><imgclass="arrow"src="https://document.youkeda.com/P3-1-HTML-CSS/1.9/3-qq/arrow-down.png"/></li><li class="contact">意见反馈</li></ul></nav></body>
</html>

八月 巧克力熔岩蛋糕相关推荐

  1. 如何做巧克力瑞士卷蛋糕!详细做法步骤看过来

    这个自制版本值得花几个小时准备.烘烤和冷藏.不仅因为它的巧克力味浓郁,而且因为它可以定制添加您最喜欢的坚果.薯片,甚至是新鲜水果. 什么是瑞士卷蛋糕? 瑞士卷蛋糕是通过将海绵蛋糕卷在某种馅料上制成的. ...

  2. FHC2022食饮魅力 势不可挡

    上海2022年6月1日 /美通社/ -- 在市场变革的时代激浪中,FHC上海环球食品展历经岁月磨砺,已经悄然走过了二十五年,站在第二十六届的时间节点,FHC将继续在今年11月8至10日在上海新国际博览 ...

  3. 每个人都要对自己进行5 项必要投资

    有人问:对于个人来说投资回报率最高的投资对象是什么?股票?基金?房子?错,是你自己.道理很简单,如果你是以牺牲自己为代价取得那些回报,那些回报对你来说又有什么意义呢?很多人似乎都明白这个道理,但是也就 ...

  4. 30家首尔甜品店大推荐!

    2019独角兽企业重金招聘Python工程师标准>>> 1 | Hollys Coffee 最近刚完结的韩剧<她很漂亮>,还有之前大热的<屋塔房王世子>很多场 ...

  5. 卷的作用_还在盲目的制作蛋糕卷吗?先来搞懂这几种蛋糕卷面糊~

    柔软湿润的蛋糕卷制作简单,可以随意搭配各种柔滑的馅料使得蛋糕卷的口味变化多端.不分男女老少,任谁都能恣意品尝,只要随手一切,你一块我一块地与人一同享用,其乐融融. 蛋糕卷の基础材料 要做好蛋糕卷首先要 ...

  6. 尉氏短期计算机培训,在尉氏烘焙短期培训时尚魅影烘焙培训

    在尉氏烘焙短期培训时尚魅影烘焙培训 面包课程(周)星期一星期二星期三星期四星期五 上午上午上午上午上午 椰蓉面包火腿肉松丹麦皮制作坚果软欧英式司康scone 酥粒奶香包火腿芝士可颂巧克力杏仁饼干 下午 ...

  7. 不要全聚德!老北京人告诉你,该买什么“北京特产”带回家!

    关注北京,请点击上方微信名订阅我们 生 活 一 手 掌 握 合作/投稿,请联系微信:bj1131 年终岁末,各路亲朋好友纷纷来京,亦或是在北京的小伙伴开始琢磨着回家,"买点儿啥特产&quo ...

  8. 02基于python玩转人工智能最火框架之TensorFlow人工智能深度学习介绍

    人工智能之父麦卡锡给出的定义 构建智能机器,特别是智能计算机程序的科学和工程. 人工智能是一种让计算机程序能够"智能地"思考的方式 思考的模式类似于人类. 什么是智能? 智能的英语 ...

  9. 设计模式--装饰模式

    目录 什么是装饰模式? 应用代码示例 装饰模式模板 jdk中的装饰模式 为什么装饰器类不能直接实现Component父类? 什么是装饰模式? 以生活中的场景来举例,一个蛋糕胚,给它涂上奶油就变成了奶油 ...

最新文章

  1. c语言字符串机考题,2016全国计算机二级《C语言》机考试题及答案
  2. vmware响应时间过长_性能调优高并发下如何缩短响应时间
  3. 一次bug调试经验----To prevent a memory leak, the JDBC Driver has been forcibly unregistered.
  4. 最佳Linux服务器发行版
  5. webapp入门到实战_web前端入门到实战:前端高手在CSS 开发效率的必备片段
  6. TensorFlow笔记(8) LeNet-5卷积神经网络
  7. linux 怎么添加文件类型,如何在Linux/Unix上添加基于文件类型的文件扩展名?
  8. java程序编译命令_使用 java 命令编译运行 java 程序
  9. 最全整理浏览器兼容性问题与解决方案
  10. 网络安全工程师面试题汇总
  11. 古文一篇本周部分GAN论文(0106-0111)
  12. Linux_29_Linux-Vsftpd
  13. Excel数据分析(一)公式错误值与解决办法
  14. odoo15全面解决财务会计管理、核算、分析解决方案
  15. CryptoJS v3.1.2 源码自取
  16. Python中的StringIO与cStringIO简析
  17. Java基础之Java数据类型
  18. 阿里云服务器centos8系统安装Tomcat9
  19. 喜马拉雅追更攻略:如何订阅更新通知
  20. 任务态fMRI测量的重测可靠性:新的实证证据和元分析

热门文章

  1. java版我的世界怎么疾跑_我的世界自动疾跑mod
  2. macbook历代_2006至2015:历代MacBook简要回顾
  3. 内蒙古二连浩特:边境小城
  4. 2021.11.28LeetCode每日一题——找到字符串中的所有字母异位词
  5. 中英文对照 —— 十二星座
  6. android 带边框的arc,SwiftUI:自定义 Shape 使用 InsettableShape 协议实现向内绘制边框...
  7. 行人重识别技术(Re-ID)概述、研究现状以及相关数据集下载
  8. 火车售票系统c语言编程,基于C语言实现简单的12306火车售票系统.pdf
  9. NOIP1998-2018 CSP-S2 2019 2021提高组解题报告与视频
  10. python导出百万数据到excel_[宜配屋]听图阁