在web開發中,常常需要為網頁添加鼠標上移后的樣式,這時就需要用到CSS。以下是一些關于CSS鼠標上移樣式的示例:
/* 改變文字顏色 */ p:hover { color: red; } /* 改變背景顏色 */ p:hover { background-color: yellow; } /* 添加邊框 */ p:hover { border: 2px solid blue; } /* 改變文字大小 */ p:hover { font-size: 20px; } /* 添加陰影效果 */ p:hover { box-shadow: 2px 4px 6px #888888; }
在上面的示例中,使用了:hover偽類來為元素設置鼠標上移樣式。可以看到,通過改變文字顏色、背景顏色、添加邊框、改變文字大小、添加陰影效果等手段,可以為網頁添加豐富的鼠標上移效果。