Html5+Css3实现简单表格排版

最新推荐文章于 2024-07-26 14:13:22 发布

isGt93

最新推荐文章于 2024-07-26 14:13:22 发布

阅读量2.8k

点赞数

文章标签： html5 css3

本文链接：https://blog.csdn.net/isGt93/article/details/48861433

版权

本文通过HTML5和CSS3技术详细讲解如何实现一个美观的表格排版，首先利用HTML5进行初步布局，然后结合CSS3的样式增强视觉效果。

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

1.html5实现初步布局

<!DOCTYPE HTML>
<html>
<head>
<title>CS 142 Project 1, Problem 1</title>
<!--<link rel="stylesheet" type="text/css" href="myStyle1.css">-->
<!--<link rel="stylesheet" type="text/css" href="myStyle2.css">-->
</head>
<body>
<table >
<tr>
	<th class="left">Item</th>
	<th class="left">Manufacturer</th>
	<th class="left">Size</th>
	<th>Unit Price</th>
	<th>Quantity</th>
	<th>Total Price</th>
</tr>
<tr class="alt">
	<td class="left">Corn Flakes</td>
	<td class="left">Kellogg's</td>
	<td class="left">18 oz.</td>
	<td>2.50</td>
	<td>1</td>
	<td>2.50&