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

最新推荐文章于 2024-06-30 00:15:00 发布

桔儿

最新推荐文章于 2024-06-30 00:15:00 发布

阅读量5.5k

点赞数 6

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

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

版权

本文介绍了一个使用HTML和CSS制作购物网站客服页面的实例，包括一个DIV元素和两个包含列表的表格。

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

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

本页面是客服页面。
效果图：
在这里插入图片描述

分析：上方是一个DIV，下面是两个表格，表格里有列表。
具体代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>淘淘网客服</title>
		<style type="text/css">
		.tb1{
   position: absolute;top:140px;left:300px;}.tb2{
   position: absolute;top:140px;left:510px;}
		.td1{
   width:200px; font-size: 25px;}.td2{
   font-size: 20px;}.td3{
   font-size: 25px;width:600px;border-bottom: 1px solid #DDDDDD;}.td4{
   font-size: 20px;}
		.footer{
    position:absolute;top:900px;left:220px;width:1100px;margin