桌面佈告欄

日期：

 <!DOCTYPE html>

<html lang="zh-Hant">

<head>

    <meta charset="UTF-8">

    <title>我的布告欄</title>

    <style>

        body {

            font-family: Arial, "微軟正黑體", sans-serif;

            background-color: #f2f2f2;

            padding: 20px;

        }

        .board {

            background: white;

            padding: 20px;

            border-radius: 10px;

            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);

            max-width: 600px;

            margin: auto;

        }

        h1 {

            text-align: center;

            color: #333;

        }

        ul {

            list-style-type: disc;

            padding-left: 20px;

        }

        li {

            margin-bottom: 10px;

            font-size: 18px;

        }

    </style>

</head>

<body>

    <div class="board">

        <h1>桌面布告欄</h1>

        <ul>

            <li>今天要完成修理工作</li>

            <li>5/1 要繳交月報表</li>

            <li>記得訂5/5聚餐的位置</li>

        </ul>

    </div>

</body>

</html>

留言

張貼留言