代码如下:

制作京东快报页面

.title{

height: 186px;

width: 230px;

box-sizing: border-box;

border: 1px solid gainsboro;

}

.one{

background-image: linear-gradient(to bottom, gainsboro, #ffffff);

color: gray;

font-size: 16px;

line-height: 43px;

vertical-align: center;

padding: 0px 0px 1px 10px;

}

p{

border: gainsboro 2px dotted;

margin: 0px;

padding: 0px;

}

ul{

margin: 0px;

padding: 5px 0px ;

}

li{

list-style: none;

line-height: 26px;

padding: 0px 26px;

font-size: 12px;

}

ul a{

text-decoration: none;

color: gray;

}

a:hover{

color: #640000;

}

京东快报
  • [特惠]海飞丝去屑又去油 超清爽
  • [公告]京东公益支持鲁甸新动作
  • [特惠]4688元抢iPhone 6
  • [公告]小米电视携豪礼高调入驻京东

效果图如下:

鼠标移上文字后的效果图如下:

ps:说一下,近期会把以前作业的代码都完善下,再把以前以图片形式发出来的文章,还有在现在看来不太合格的文章代码修一下,免得误人子弟 我可担不起这罪名,快跑。 哈哈哈哈哈

制作京东快报页面html,HTML第6章上机练习3(制作京东快报页面)相关推荐

  1. HTML第6章上机练习3(制作京东快报页面)

    代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...

  2. JavaScript第6章上机练习1(制作图书简介页面)

    ps:首先是链接外部的文件: img {width: 230px;height: 300px; }.textRight {float:left ; }.imgLeft {float:left ;mar ...

  3. 使用jQuery快速高效制作网页交互特效 第五章 上机练习四 制作广告图片轮播切换效果

    轮播应有的功能大致都有,分享给一些在学的朋友参考学习. <!DOCTYPE html> <html> <head lang="en"><m ...

  4. HTML第6章上机练习5(制作爱奇艺视频播放列表)

    代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...

  5. HTML页面做出拉开帷幕的效果,制作视频画面上下拉开帷幕的效果 视频拉开帷幕的片头制作方法...

    视频剪辑制作一直是很多朋友们想学却又不知从何入手的一门技术,既然如此,那我们就从简单的操作开始学起,一点点掌握!小编今天要跟大家分享一种很简单却看着挺酷的视频画面效果.这种效果就像是画面上下拉开了黑色 ...

  6. mfc 制作不同的文档模板mdi不同的子窗体_制作ACK集群自定义节点镜像的正确姿势...

    随着云原生时代的到来,用户应用.业务上云的需求也越来越多,不同的业务场景对容器平台的需求也不尽相同,其中一个非常重要的需求就是使用自定义镜像创建ACK集群. ACK支持用户使用自定义镜像创建Kuber ...

  7. html5网页制作全程揭秘,网页设计殿堂之路:HTML 5网页制作全程揭秘

    网页设计殿堂之路:HTML 5网页制作全程揭秘 语音 编辑 锁定 讨论 上传视频 <网页设计殿堂之路:HTML 5网页制作全程揭秘>是2014年10月清华大学出版社出版的图书,作者是贾勇. ...

  8. 计算机应用基础许晞课件,计算机应用基础 教学课件 作者 许晞 第2章 Word基本应用—制作求职简历...

    1.计算机应用基础 主编 许晞副主编 刘艳丽曾煌兴郑杰秦高德 第2章Word基本应用 制作求职简历 2 2020 4 21 学习目标 熟练掌握字符和段落格式化的使用方法掌握表格的制作 表格单元格的设置 ...

  9. html做一个京东搜索功能,连续动作:自动搜索关键词采集信息—以京东为例

    一.操作步骤 如果网页上有搜索框,但是搜索结果页面没有独立网址,想要采集搜索结果,直接做规则是采集不到的,要先做连续动作(输入+点击)来实现自动输入关键词并搜索,然后才能采集数据.下面用京东搜索为例, ...

最新文章

  1. spring整合mybatis(入门级简单教程1)--在spring中配置c3p0,并成功测试
  2. ASP.NET验证控件之RequiredFieldValidator
  3. iPad的无纸化办公和纯纸化办公的区别和使用场景
  4. [数据库] MySQL基础知识之日期判断及添加排序序号
  5. rgba的兼容性 IE
  6. Django(part19)--Django中的应用
  7. 【Tensorflow】TensorFlow的嵌入layer和多层layer
  8. 在Linux中制作实用程序(MakeFile)
  9. (42)FPGA状态机二段式
  10. 马化腾不“爱”刘强东了?
  11. python多维矩阵基础运算中的一点困惑
  12. java udp丢包重发_UDPDataPacker_Java数据报之失序和丢包
  13. Java基础编程机试题
  14. Microsoft Office 2019 正式版 安装记录
  15. lua 常用数据类型总结
  16. 麦咖啡服务器怎么进系统,麦咖啡(McAfee)系统托盘图标不见了怎么办?
  17. 《Gradient-based learning applied to document recognition》翻译
  18. python图案绘制解锁_PythonAppium实现安卓手机图形解锁
  19. 4D毫米波雷达天线设计
  20. Java学习笔记之五:Nexus配置为强制从maven私服下载

热门文章

  1. 【稻韵果香,以梦为家】云和恩墨大讲堂电子期刊第九期
  2. 霍尔开关在行车记录仪中起速度检测作用
  3. NAND驱动分析--(二)
  4. MySQL 基操教程(五) SELECT 数据查看之大于、小于
  5. IBM@China 还是 China IBM
  6. mysql slow设置_mysql slow log设置
  7. Frida用法详解【附用例】
  8. 我的编程竞赛之路 ——中国大学生计算机编程第一人楼天城访谈
  9. CTF - MISC安全杂项解题事项
  10. Python+GDAL几何校正任意自带经纬度数据的遥感影像