HTML之表格制作2

丽绮

已于 2022-04-14 11:54:23 修改

阅读量244

点赞数

分类专栏： HTML 文章标签： vscode

于 2022-04-14 11:53:26 首次发布

本文链接：https://blog.csdn.net/qq_59861678/article/details/124168408

版权

本文详细探讨了HTML中表格的创建、格式化和高级用法，包括如何添加表头、合并单元格、设置边框样式以及响应式设计，旨在帮助开发者更好地掌握HTML表格的制作技巧。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第六章2</title>
    <style type="text/css">
        #data td{
            width: 100px;        /*单元格的宽及高*/
            height: 50px;
            background-color: rgb(238, 238, 238);
        }
        #data th{
            padding: 5px;       /*表头文字同单元格边框间的距离*/
            background-color:rgb(161, 148, 131);
        }
        #data td:hover{
            background-color: chocolate;   /*设置将鼠标指针移到单元格上面时的样式*/
        }
    </style>
</head>
<body>
    <table border="0" cellspacing="5" id="data">      <!-- border="1"代表边框粗细,cellspaci

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

丽绮

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML之表格制作2

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>第六.
复制链接

扫一扫