html/css画一个不规则表格

最新推荐文章于 2024-08-27 14:12:16 发布

嘻嘻哈哈233

最新推荐文章于 2024-08-27 14:12:16 发布

阅读量2.5k

点赞数 2

分类专栏：程序媛文章标签： html css

本文链接：https://blog.csdn.net/qq_35234854/article/details/86656774

版权

这篇博客介绍如何利用HTML和CSS技术制作一个非传统的、具有独特样式的不规则表格，通过定制边框和单元格布局，实现视觉上的创新效果。

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

HTML文本：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />	
		<title></title>
		<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
		<link rel="stylesheet" href="css/table.css" />
	</head>
	<body>
		<div class="d1"> /*cellspacing="0"边框宽度*/
			<table class="t1" border="1"  bordercolor="#e2e2e2" cellspacing="0" cellpadding="1" width="1000">
				<tr height="80">
					<td colspan="4"><img class="h1" src="img/2.png" >
					<img class="h2" src="img/b.jpg"/></td>
				
				</tr>
				<tr height="40">
					<td width="15%" align="center">订单编号</td>
					<td width="35%"><p class="p1">S19000086</p></td>
					<td width="15%" align="center">下单时间</td>
					<td width="35%"><p class="p1">2019-1-12</p></td>
				</tr