基于HTML表格的布局
Table提供了在HTML中创建布局的最简单方法。通常,这涉及将诸如文本,图像等内容放入行和列的过程。
以下布局是使用具有3行2列的HTML表创建的-第一行和最后一行使用表的colspan属性跨两列:
例试试这个代码»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML Table Layout</title>
</head>
<body style="margin:0px;">
<table style="width:100%; border-collapse:collapse; font:14px Arial,sans-serif;">
<tr>
<td colspan="2" style="padding:10px 20px; background-color:#acb3b9;">
<h1 style="font-size:24px;">Tutorial Republic</h1>
</td>
如果您觉得本文的内容对您的学习有所帮助:
关键字:
css