热门关键字:

HTML布局

439
作者:管理员
发布时间:2021/1/25 19:28:41
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3438
基于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
友荐云推荐