在網頁制作中,超鏈接是非常常見的元素,通過超鏈接可以實現網頁與網頁之間、網頁與圖片之間、網頁與視頻音頻之間的相互鏈接。CSS(層疊樣式表)是網頁設計的重要一環,可以對超鏈接的樣式進行個性化定制。
a { text-decoration: none; /* 取消下劃線 */ color: blue; /* 改變字體顏色 */ font-weight: bold; /* 加粗字體 */ background-color: yellow; /* 設置背景色 */ padding: 5px; /* 定義內邊距 */ border: 1px solid black; /* 添加邊框 */ border-radius: 5px; /* 圓角邊框 */ text-align: center; /* 居中文字 */ display: inline-block; /* 轉換為塊級元素,方便設置寬高、內邊距等屬性 */ width: 100px; /* 定義寬度 */ height: 30px; /* 定義高度 */ } a:hover { color: yellow; /* 鼠標懸停時字體顏色變為黃色 */ background-color: blue; /* 鼠標懸停時背景色變為藍色 */ border: 1px solid blue; /* 鼠標懸停時邊框顏色變為藍色 */ }
以上是CSS設置超鏈接的基本樣式,具體效果可以根據自己的需求進行個性化調整。
上一篇css設置塊級元素擠壓
下一篇css加active