寒假作业15

最新推荐文章于 2024-02-16 02:32:36 发布
最新推荐文章于 2024-02-16 02:32:36 发布
阅读量201 收藏 1
点赞数 1 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>北大青鸟课程导航</title>
    <style>
        body, ul, li, h1 {
            padding: 0px;
            margin: 0px;
        }
        li {
            list-style: none;
        }
        div {
            width: 220px;
            border: 1px #aacbee solid;
            padding: 0px 0px 10px 0px;
            background-color: #f5f9fc;
            margin: 0px auto;
        }
        h1 {
            background: url(image/title_icon.gif) 5px 8px no-repeat;
            padding-left: 25px;
            color: #1f376d;
            font-size: 14px;
            line-height: 30px;
            height: 30px;
        }
        ul {
            padding: 0px 5px;
        }
        li {
            height: 30px;
            background: url(image/submenu.gif) right center no-repeat;
            line-height: 30px;
            padding-left: 5px;
            border-top: 1px #cfe2f5 solid;
        }
        a {
            text-decoration: none;
            color: #000000;
        }
        a:hover {
            text-decoration: none;
            color: #FF6215;
        }
    </style>
</head>
<body>
<div>
    <h1>课程导航</h1>
    <ul>
        <li><a href="#">ACCP 软件工程师</a></li>
        <li><a href="#">BTEST 软件测试工程师</a></li>
        <li><a href="#">BENET 网络工程师</a></li>
        <li><a href="#">JBNS 网站工程师</a></li>
        <li><a href="#">ACCP 启蒙星</a></li>
        <li><a href="#">ANDROID 软件工程师</a></li>
        <li><a href="#">JAVA 软件工程师</a></li>
        <li><a href="#">.NET 软件工程师</a></li>
        <li><a href="#">网络营销</a></li>
    </ul>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>商品分类</title>
    <style>
        h1, dl, dt, dd {
            margin: 0px;
            padding: 0px;
        }
        body {
            background-color: #D5D5D5;
        }
        div {
            width: 230px;
            background-color: #fff;
        }
        h1 {
            font-size: 16px;
            font-weight: bold;
            color: #FFF;
            background-color: #000;
            text-indent: 1em;
            line-height: 35px;
        }
        dt {
            padding-left: 27px;
            line-height: 35px;
            height: 35px;
            font-size: 14px;
            font-weight: bold;
        }
        dd {
            font-size: 12px;
            color: #666666;
            line-height: 20px;
            border-bottom: 1px #666666 dashed;
            padding-left: 27px;
        }
        dt:nth-of-type(1) {
            background: url(image/icon_01.gif) 0px 0px no-repeat;
        }
        dt:nth-of-type(2) {
            background: url(image/icon_02.gif) 0px 2px no-repeat;
        }
        dt:nth-of-type(3) {
            background: url(image/icon_03.gif) 0px 4px no-repeat;
        }
        dt:nth-of-type(4) {
            background: url(image/icon_04.gif) 0px 2px no-repeat;
        }
        dt:nth-of-type(5) {
            background: url(image/icon_05.gif) 0px 0px no-repeat;
        }
        dt:nth-of-type(6) {
            background: url(image/icon_06.gif) 0px 0px no-repeat;
        }
        dt:nth-of-type(7) {
            background: url(image/icon_07.gif) 0px 0px no-repeat;
        }
        dt:nth-of-type(8) {
            background: url(image/icon_08.gif) 0px 0px no-repeat;
        }
        dt:nth-of-type(9) {
            background: url(image/icon_09.gif) 0px 0px no-repeat;
        }
        dd:last-of-type {
            border-bottom: 0px;
        }
    </style>
</head>
<body>
<div>
    <h1>全部分类</h1>
    <dl>
        <dt>护肤</dt>
        <dd>
            洁面 化妆水 喷雾 美容液 眼霜<br/>
            眼部精华 眼膜 面膜 面膜贴<br/>
            水洗面膜 免洗面膜 精华 精油<br/>
            凝露 乳液 面霜 日霜 晚霜
        </dd>
        <dt>彩妆</dt>
        <dd>
            卸妆 防晒 隔离 BB霜 粉底 粉饼<br/>
            睫毛膏 眼影 唇彩 腮红 眼线笔<br/>
            底妆 遮瑕 蜜粉 眉笔 美甲
        </dd>
        <dt>香氛</dt>
        <dd>男香 女香 小Q装 中性香水</dd>
        <dt>身体护理</dt>
        <dd>
            洗发 护发 沐浴 身体乳 手足护理<br/>
            护手霜 纤体 身体精油 颈部护理<br/>
            个人护理 卫生用品 脱毛
        </dd>
        <dt>礼盒套装</dt>
        <dd>
            护肤套装 身体护理套装 彩妆套装 <br/>
            旅行装 香水套装 男士套装
        </dd>
        <dt>美容工具</dt>
        <dd>
            护肤 彩妆 美发 美体 美甲 <br/>
            美容仪器 其他美容工具
        </dd>
        <dt>母婴专区</dt>
        <dd>奶粉 尿裤湿巾 母婴洗护</dd>
        <dt>男士专区</dt>
        <dd>
            洁面 爽肤水 面霜 男香<br/>
            眼霜 凝胶 乳液 精华 沐浴
        </dd>
        <dt>食品保健</dt>
        <dd>瘦身类 保健类 美容类 食品类</dd>
    </dl>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>京东快报</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        body {
            margin: 30px;
        }
        a {
            text-decoration: none;
        }
        div {
            border: 1px #e4e4e4 solid;
            width: 230px;
            box-sizing: border-box;
        }
        h2 {
            padding-left: 10px;
            line-height: 43px;
            height: 43px;
            border-bottom: 2px #E8E8E7 dotted;
            font-size: 16px;
            color: #666;
            font-weight: normal;
            background: linear-gradient(to bottom,#CCCCFF,#FFFFFF);
        }
        ul {
            list-style: none;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        li {
            line-height: 26px;
            padding-left: 10px;
            padding-right: 10px;
        }
        a {
            font-size: 12px;
            color: #666;
            text-decoration: none;
        }
        a:hover {
            color: #b20000;
        }
        span {
            font-weight: bold;
        }
    </style>
</head>
<body>
<div>
    <h2>京东快报</h2>
    <ul>
        <li><a href=""><span>[特惠]</span>海飞丝去屑又去油 超清爽</a></li>
        <li><a href=""><span>[公告]</span>京东公益支持鲁甸新动作</a></li>
        <li><a href=""><span>[特惠]</span>4688元抢iPhone 6</a></li>
        <li><a href=""><span>[公告]</span>小米电视携豪礼高调入驻京东</a></li>
    </ul>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>美容热点产品</title>
    <style>
        p, ul, li {
            margin:0px;
            padding:0px;
        }
        ul, li {
            list-style-type:none;
        }
        body {
            background-color:#eee7e1;
            font-size:12px;
        }
        div {
            width:260px;
            background:#FFF;
        }
        p {
            font-size:14px;
            font-weight:bold;
            color:#FFF;
            background-color:#e9185a;
            height:35px;
            line-height:35px;
            padding-left:10px;
        }
        li {
            border-bottom:1px #a8a5a5 dashed;
            height:30px;
            line-height:30px;
            padding-left:2px;
        }
        a {
            color:#666666;
            text-decoration:none;
        }
        a:hover {
            color:#e9185a;
        }
        a span {
            color:#FFF;
            font-weight:bold;
            margin-right: 10px;
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #373b3c;
            line-height: 20px;
            text-align: center;
        }
        a:hover span {
            background: #e9185a;
        }
    </style>
</head>
<body>
<div>
    <p>大家都喜欢买的美容品</p>
    <ul>
        <li><a href="#"><span>1</span>雅诗兰黛即时修护眼部精华霜15ml</a></li>
        <li><a href="#"><span>2</span>伊丽莎白雅顿显效复合活肤霜 75ml</a></li>
        <li><a href="#"><span>3</span>OLAY玉兰油多效修护霜 50g</a></li>
        <li><a href="#"><span>4</span>巨型一号丝瓜水320ML</a></li>
        <li><a href="#"><span>5</span>倩碧保湿洁肤水2号 200ml</a></li>
        <li><a href="#"><span>6</span>比度克细肤淡印霜 30g</a></li>
        <li><a href="#"><span>7</span>兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
        <li><a href="#"><span>8</span>SK-II护肤精华露 215ml</a></li>
        <li><a href="#"><span>9</span>欧莱雅青春密码活颜精华肌底液</a></li>
    </ul>
</div>
</body>
</html>
k123liu
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
寒假第5页作业
liujia20001123的博客
02-12 193
1 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;中心开班信息&lt;/title&gt; &lt;style&gt; div{ width: 250px; border:1px solid #d8d
24/2/15 寒假作业 15#
02-16
寒假作业
HTML课程导航作业,北大青年课程导航.html
weixin_29563497的博客
06-07 1354
北大青年课程导航.box{border: 1px solid #C5DCF4;width: 220px;height: auto;margin-left: 40% ;margin-top:40px ;background-color: #F5F9FC;}table{width: 200px;}.bg{background: url("images/submenu.gif") 40px 0 no-r...
编写学校课程导航
y1059477028的博客
10-17 531
“网络营销”所在栏下面没有“下边框”，所以最后一个li给类选择器，利用选择器权重大小的关系去除最后一个li下边框。
演练 课程导航 1002 html
pyhui的技术博客
10-02 1145
期望效果 文字素材 课程导航 ACCP 软件工程师 BTEST 软件测试工程师 BENET 网络工程师 JBNS 网站工程师 ACCP 启蒙星 ANDROID 软件工程师 JAVA 软件工程师 .NET 软件工程师 网络营销 图片素材
HTML5+CSS3学习错误1
qq_41733293的博客
04-24 259
使用html5和css3来制作网站时， 因为大多数文本要设置css样式，且一般文本字数不是很多，所以建议使用标签包裹起来，如<ul><li></li></ul>以及<span></span> 等等 举一个栗子 制作这样的一个div盒子。 错误示范 <style> ............(样式略过) </s...
寒假作业 15
2301_81317593的博客
02-16 58
寒假作业。
寒假作业c语言,c语言寒假作业大战04.cpp
weixin_42214654的博客
05-18 145
#include#include#includevoid menu(){printf("操作列表:\n 1)一年级 2)二年级 3)三年级\n 4)帮助 5)退出程序\n请输入操作>\n");}void help(){printf("帮助信息:\n您需要输入命令代号来进行操作, 且\n一年级题目为不超过十位的加减法;\n二年级题目为不超过百位的乘除法;\n三年级题目为不超过百位的加减...
高一生物寒假作业15[精选].doc
08-19
高一生物寒假作业15[精选].doc
2018_2019学年高一政治寒假作业15征税和纳税
08-05
2018_2019学年高一政治寒假作业15征税和纳税
2018_2019学年高二历史寒假作业15探索生命之谜新人教版
08-05
2018_2019学年高二历史寒假作业15探索生命之谜新人教版
山东省华侨中学2014_2015学年高一化学上学期寒假作业15含解析
08-05
山东省华侨中学2014_2015学年高一化学上学期寒假作业15含解析
关于Windows 9x的vmm32问题解决方法
最新发布
06-15
关于Windows 9x的vmm32问题解决方法
Linux下用sdcc开发51单片机，该示例是中断处理程序.zip
06-15
该资源内项目源码是个人的课程设计、毕业设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。
施工作业人员配备与人员资格及职责分工表.docx
06-15
施工作业人员配备与人员资格及职责分工表.docx
Tangram-ES 0.17.1 64位 Debug/Release版 基于OpenGL地图渲染引擎
06-15
Tangram-ES 0.17.1 基于OpenGL ES地图渲染引擎 编译环境为Windows 10 Pro 22H2 + VS2022 + vcpkg 包管理器 编译结果包含64位 Windows平台 Release/Debug版 引擎使用imgui界面库显示地图瓦片，使用OpenGL ES库渲染画面
后端技术详细设计文档模板
06-15
后端技术详细设计文档 目录 1 引言 项目概述 设计目标 2 术语 3 设计概述 3.1 设计理念 3.2 设计方案 3.3 功能范围 4 系统架构 4.1 整体架构 4.2 功能架构 4.3 时序图 5 详细设计 6 数据结构设计 7 任务拆分
2024年全国职业院校技能大赛集成电路应用开发赛项竞赛试题（09 卷）
06-15
2024年全国职业院校技能大赛集成电路应用开发赛项竞赛试题（09 卷）
寒假作业蓝桥杯c++
09-28
寒假作业蓝桥杯c是一个计算题，代码中使用了深度优先搜索（DFS）的方式来解题。通过枚举13个数字的全排列，并根据题目要求进行判断，找出符合条件的解。具体代码实现有两种方式：一种是通过递归实现的DFS，另一种是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值