1. 按鈕美化

#timing{
            width: 270px; /* 寬度 */
            height: 40px; /* 高度 */
            border-width: 0px; /* 邊框寬度 */
            border-radius: 3px; /* 邊框半徑 */
            background: #1E90FF; /* 背景顏色 */
            cursor: pointer; /* 滑鼠移入按鈕範圍時出現手勢 */
            outline: none; /* 不顯示輪廓線 */
            font-family
 
: Microsoft YaHei; /* 設定字型 */
            color: white; /* 字型顏色 */
            font-size: 17px; /* 字型大小 */
        }
        #timing:hover{
            background: #5599FF;
        }

效果圖：

2.文字框美化

input{
            outline-style: none ;
            border: 1px solid #ccc;
            border-radius: 3px;
 

            padding: 13px 14px;
            width: 620px;
            font-size: 14px;
            font-weight: 700;
            font-family: "Microsoft soft";
        }

效果圖：

3.在HTML文件中插入圖片覆蓋全部頁面

如果需要多次使用的話可以在CSS檔案裡寫，如果只用一次的話可以直接寫在中用<style = “text/css”>內嵌式寫法。
這裡採用內嵌式寫法：

<style type="text/css">
        body
 
{
            background: url("圖片地址");
            background-repeat: no-repeat;
            background-size:100% 100%;
            background-attachment: fixed;
        }  
</style>