CSS(層疊樣式表)是一種用來描述網頁布局和樣式的語言。通過CSS,我們可以讓網頁變得更加美觀和易讀。
下面介紹幾個簡單實用好看的CSS樣式。
/* 1.文本下劃線變色 */ a { text-decoration: none; /* 隱藏下劃線 */ } a:hover { color: red; /* 鼠標懸浮時字體變紅 */ text-decoration: underline; /* 下劃線顯示 */ }
這個樣式可以讓超鏈接在鼠標懸浮時變成紅色,并且顯示下劃線。
/* 2.圖片水平居中 */ .center { display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ }
在圖片所在的父元素中添加class="center",就可以讓圖片水平居中。
/* 3.按鈕漸變背景色 */ .button { background-color: #4c4c4c; background-image: linear-gradient(135deg, #ffd3b6, #f6d365); /* 漸變色 */ border: none; color: white; padding: 15px 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; } .button:hover { background-color: #fbd8b2; /* 鼠標懸浮時背景色變淺 */ }
這個樣式可以讓按鈕變成帶有漸變背景色的炫酷按鈕。
以上是幾個常用的CSS樣式,通過簡單的語句就可以讓網頁變得更加美觀和易讀。
上一篇css 第一列td
下一篇mysql瀏覽器修改數據