静态网页表格的制作1

最新推荐文章于 2024-09-29 23:49:31 发布

等待的L先生

最新推荐文章于 2024-09-29 23:49:31 发布

阅读量1k

点赞数

分类专栏： # html+css 文章标签：网页设计 html css

本文链接：https://blog.csdn.net/weixin_42590083/article/details/109755518

版权

这篇博客详细介绍了如何使用HTML和CSS技术来创建静态网页表格，包括基本的表格结构、样式设置以及布局技巧。

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

静态网页表格的制作1*
在这里插入图片描述
代码：html+css:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单第一个练习</title>
    <style type="text/css">
        .content{
   text-align: center; width: 1024px;margin-left: 15%;color: #4d397c;}
        table{
   width: 1000px;border-collapse: collapse;border-spacing:10px 20px;caption-side: bottom;table-layout: auto;}
        #biaozhu{
    text-decoration: none;width: 1000px;height: 10.4px; float: right;text-align: left;margin: 0px;}
        #biaozhu ul{
   padding-left: 40px;margin-top: 5px;}
        #biaozhu ul li{
   list-style:none;width: 240px;float: left;line-height: 10.4px;}
        table tr td{
   height: 30px;line-height: 30px;};
    </style>
</head>
<body>
    
    <div class="content">
        <div>  <h2>项目增补单<</