HTML+CSS简单应用实例——购物网站的制作（五）

最新推荐文章于 2023-12-17 10:46:02 发布

桔儿

最新推荐文章于 2023-12-17 10:46:02 发布

阅读量7.5k

点赞数 13

分类专栏： HTML 文章标签： javascript css html html5

本文链接：https://blog.csdn.net/weixin_46343805/article/details/111310909

版权

本篇博客介绍了一个使用HTML和CSS制作购物网站的实例，重点展示了如何创建第三个商品页面。网页设计包括上方的淘淘超市DIV，下方的超值套装商品DIV，以及美容护肤的大表格。博客还提供了相关代码。

摘要由CSDN通过智能技术生成

HTML+CSS简单应用实例——购物网站的制作（五）

本页面是第三个商品页面。
下面是效果图：
在这里插入图片描述

分析：上方淘淘超市是一个DIV，下面超值套装每个商品是一个DIV，美容护肤是一个大表格。下面是脚本。
具体代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>淘淘超市</title>
		<style>
		.Bar{
   width: 100%; background-color:#FFFFFF;height:100px;position: absolute;top:0px;left:0px;}
		.fi{
   color:black;margin-top: 120px;font-size: 32px;}.fi2{
   color:black;margin-top: 700px;font-size: 32px;}
		.ta{
   position: absolute;top:180px;left:255px;width: 1200px;}
		.ma{
   background-color: white;float: left;margin: 5px;}
		.table1{
   position: absolute;top:900px;left