综合案例之快报模块
- 1 案例分析
- 2 新知识点：去掉li前面的项目符号(小圆点)
- 3 html+css代码
- 4 界面实现
1 案例分析
2 新知识点：去掉li前面的项目符号(小圆点)
list-style: none;
3 html+css代码
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>综合案例之快报模块title><style>* {margin: 0;padding: 0;}.box {width: 248px;height: 163px;border:1px solid #ccc;margin:100px auto;}.box h3 {height: 32px;border-bottom: 1px dotted #ccc;font-size: 14px;font-weight: 400;line-height: 32px;padding-left: 15px;}.box ul li a {font-size: 12px;color:#666;text-decoration: none;}.box ul li a:hover {text-decoration: underline;}li {list-style: none;}.box ul li {height: 23px;line-height: 23px;padding-left: 20px;}.box ul {padding-top: 7px;}style>
head><body><div class="box"><h3>品优购快报h3><ul><li><a href="#">【特惠】爆款耳机5折秒！a>li><li><a href="#">【特惠】母亲节，健康好礼低至5折！a>li><li><a href="#">【特惠】爆款耳机5折秒！a>li><li><a href="#">【特惠】9.9元洗100张照片！a>li><li><a href="#">【特惠】长虹智能空调立省1000a>li>ul>div>
body>html>
4 界面实现
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！
