清明节祭祖html

2023-03-22 11:14:28 浏览数 (1)

清明节是中国传统文化中重要的节日之一,通常在公历4月5日或6日举行。在这个节日里,人们会前往祖坟祭祖,表达对先辈的敬意和缅怀。 下面是一份简单的HTML代码,用于在网页上显示清明节祭祖的页面:

代码语言:javascript复制
html
<!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">  
        body {  
            font-family: Arial;  
        }  
  
        .container {  
            padding: 20px;  
            background-color: white;  
            margin: 100px auto;  
            border: 1px solid black;  
            border-radius: 4px;  
            box-shadow: 0px 10px 5px rgba(0,0,0,0.2);  
        }  
  
        table {  
            width: 100%;  
            border-collapse: collapse;  
            height: 200px;  
            overflow-y: scroll;  
        }  
  
        th {  
            padding: 8px 12px;  
            text-align: left;  
            vertical-alignment: top;  
            border-bottom: 2px solid gray;  
            cursor:pointer;  
        }  
  
        td:nth-child(even) {  
            background-color: #f2f2f2;  
        }  
  
        tfoot tr:last-of-type {  
            背景: none;  
        }  
    </style>  
</head>  
<body>  
  
    <div class="container">  
        <h1>清明节祭祖</h1>  
        <table>  
            <thead>

0 人点赞