HTML是一種標記語言,用于創建網頁結構和內容。但是,一個漂亮的網頁不僅僅是結構和內容,它還需要美化元素和排版。下面是一些HTML美化代碼,可以讓您的網頁看起來更漂亮。
/* 1.改變字體和字號 */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; } /* 2.改變背景顏色和圖片 */ body { background-color: #EEEEEE; background-image: url("background.jpg"); background-repeat: repeat; } /* 3.改變鏈接樣式 */ a { color: #337ab7; text-decoration: none; } a:hover { color: #23527c; text-decoration: underline; } /* 4.改變邊框和圓角 */ .wrapper { border: 1px solid #CCCCCC; border-radius: 5px; padding: 10px; } /* 5.改變按鈕樣式 */ .button { background-color: #337ab7; color: #FFFFFF; border: none; padding: 10px 20px; border-radius: 5px; } .button:hover { background-color: #23527c; } /* 6.改變表格樣式 */ table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } th { background-color: #F2F2F2; } /* 7.改變圖像樣式 */ img { max-width: 100%; height: auto; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
這些HTML美化代碼可以輕松地改變字體、背景、鏈接、邊框、按鈕、表格和圖像的樣式。在您的HTML文件中添加這些代碼,您可以大大提高您網頁的外觀和感覺。
上一篇css 將內容上移