网页设计与网站规划作业19 浮动和定位网格团购界面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>浮动定位练习-团购界面</title><style>*{margin:0;padding:0;
}div{width: 300px;height: 330px;border: 2px solid #ccc;margin: 0 auto;margin-top: 100px;position: relative;}div .hot{width: 55px;height: 50px;background: url("top_tu.gif") no-repeat -1px 3px;position: absolute;left: 0;top: -4px;}div img{width: 270px;height: 200px;position: absolute;left: 15px;top: 10px;}div .diyihangwenzi{width: 280px;height: 50px;position: absolute;bottom: 60px;left: 8px;border: none;}div .see{width: 134px;height: 42px;background: url("see.jpg") no-repeat 2px 6px;position: absolute;left: 210px;bottom: 25px ;}div .jiage{width: 280px;height: 20px;font-size: 20px;color:red;font-weight: bold;position: absolute;bottom: 35px;border:none;}div .yigou{width: 134px;height: 10px;font-size: 5px;position: absolute;left: 226px;bottom: 20px ;border: none;}</style>
</head>
<body><div><img src="adv.jpg" alt="bingqilin tupian"><span class="hot"></span><div class=diyihangwenzi>【12店通用】领航冰品哈根达斯:冰淇淋双球,口味任选2种,节约通用</div> <div class=jiage>&nbsp&nbsp&nbsp¥20.8 <xiao style="font-size: 10px;color:#D3D3D3">原价¥38</xiao></div><span class="see" ></span><div class="yigou"><red style="color: red">32</red><hei>人已购买</hei></div></div></body>
</html>

网页设计与网站规划作业19 浮动和定位网格团购界面相关推荐

网页设计与网站规划作业05 电影宣传效果
<!DOCTYPE html> <html> <head><title>电影宣传效果</title> </head> <b ...
网页设计与网站规划作业21 圣诞节壁纸制作
<!DOCTYPE html> <html> <head><title>圣诞节壁纸</title><style type=" ...
网页设计与网站规划作业10 NBA总决赛统计表
<!DOCTYPE html> <html> <head><title>NBA总决赛统计表</title> </head> &l ...
网页设计与网站规划作业13 制作视频播放列表
<!DOCTYPE html> <html> <head><title>制作视频播放列表</title> </head> < ...
网页设计与网站规划作业17 对联排版
<!DOCTYPE html> <html> <head><title>对联</title> <style type="te ...
html网页设计期末大作业——化妆品html+div商城(19页)
html网页设计期末大作业--化妆品html+div商城(19页) 常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星 ...
HTML网页设计结课作业~仿蘑菇街商城网站源码(HTML+CSS+JS)
HTML网页设计结课作业~仿蘑菇街商城网站源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适 ...
HTML网页设计制作大作业(div+css) ~中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化)
HTML网页设计制作大作业(div+css) ~ 中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
吉大21c语言在线作业,21春吉大《脚本语言和互动网页设计》在线作业二参考
吉大<脚本语言和互动网页设计>在线作业二' S3 X# M4 O& r 1.[单选题] 下面哪项不是application对象的方法() ; A* b$ f- `7 [4 u; B ...

网页设计与网站规划作业19 浮动和定位网格团购界面

网页设计与网站规划作业19 浮动和定位网格团购界面相关推荐

最新文章

热门文章

网页设计与网站规划 作业19 浮动和定位 网格团购界面

网页设计与网站规划 作业19 浮动和定位 网格团购界面相关推荐

最新文章

热门文章

网页设计与网站规划作业19 浮动和定位网格团购界面

网页设计与网站规划作业19 浮动和定位网格团购界面相关推荐