透過 CSS 在影像懸停處顯示藍色陰影
要顯示影像懸停時的陰影,請使用 CSS box-shadow 屬性
示例
<!DOCTYPE html>
<html>
<head>
<style>
img {
border: 2px solid orange;
border-radius: 3px;
padding: 7px;
}
img:hover {
box-shadow: 0 0 2px 2px blue;
}
</style>
</head>
<body>
<img src = "https://tutorialspoint.tw/videotutorials/images/coding_ground_home.jpg" alt="Online Compiler" width="300" height="300">
</body>
</html>
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP