综合案例-快报模块列表制作

效果如下图

没有按照老师的写，可能存在差异。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>* {padding: 0;margin: 0;}.box1 {width: 260px;border: 1px solid rgb(219, 219, 219);margin: 100px auto;}.box2 {height: 40px;font-weight: 400;line-height: 40px;padding-left: 16px;color: rgb(83, 83, 83);border-bottom: 1px dashed rgb(219, 219, 219);}.xinxi {list-style: none;font-size: 14px;margin: 10px 20px;}.xinxi a {text-decoration: none;line-height: 23px;color: rgb(83, 83, 83);}.xinxi a:hover {color: deepskyblue}</style>
</head><body><div class="box1"><h4 class="box2">快报速速看</h4><ul class="xinxi"><li><a href="#">【特惠】爆款耳机5折秒杀！</a></li><li><a href="#">【特惠】爆款耳机5折秒杀！</a></li><li><a href="#">【特惠】爆款耳机5折秒杀！</a></li><li><a href="#">【特惠】爆款耳机5折秒杀！</a></li><li><a href="#">【特惠】爆款耳机5折秒杀！</a></li></ul></div>
</body></html>

综合案例-快报模块列表制作相关推荐

综合案例：新浪微博导航栏，产品模块，快报模块
新浪微博导航栏 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
CSS盒子模型（border、padding、margin、圆角边框、盒子阴影、文字阴影、新闻列表综合案例、新浪导航栏案例）
1. 网页布局的本质首先利用CSS设置好盒子的大小,然后摆放盒子的位置. 最后把网页元素比如文字图片等等,放入盒子里面. 以上两步就是网页布局的本质 2. 盒子模型(Box Model) 盒子模型 ...
案例学习-产品模块和快报模块
依旧是黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩的案例学习,一个是产品模块,另外一个是快报模块. 产品 ...
黑马程序员----基于BootStrap框架的网页制作综合案例
网页制作综合案例完整源码: 效果演示: 完整源码: <!doctype html> <html lang="zh-CN"><head>< ...
Python模块、包与面向对象综合案例
目录一.Python内置模块 1.什么是Python模块 2.模块的分类 3.模块的导入方式 4.使用import导入模块 5.使用from 模块名 import 功能名 ☆ from 模块名 im ...
自定义模块+python面向对象+综合案例
一.模块 1.自定义模块 1.1import模块代码演示: moduleDemo01.py def fun1():print("fun~~~~111") def fun2():p ...
HTML(Basic) Chapter4(Pink) 综合案例小米商城产品模块
文章目录综合案例小米商城产品模块 HTML源代码(小米商城.html) 最终效果写在最后综合案例小米商城产品模块一般来说,产品名字,类别名字都用h标题来做,而产品描述等则用p标签来做写多点类 ...
表格标签，今日小说排行榜案例，合并单元格，无序列表，有序列表，自定义列表，表单标签，注册页面综合案例
表格标签表格主要用于展示数据 <table><tr><td>单元格内的文字</td>...</tr>... </table> ...
92.最后的综合案例
目录 1 综合案例介绍 2 注册模块 2.1 页面实现 2.1.1 控件大小不随布局管理器改变 2.1.2 想修改控件之间的间距 2.1.3 设置背景时将QWidget的子控件也设置成了相 ...

综合案例-快报模块列表制作

综合案例-快报模块列表制作相关推荐

最新文章

热门文章