在元素內部添加CSS邊框
我有一個盒子列表,當鼠標懸停時,我想要顏色反轉。
1 | div { |
所以我進一步添加了以下代碼:
1 | div:hover { |
但是… 盒子看起來不像”一個盒子”。所以我添加了邊框:
1 | div:hover { |
但由於邊框是添加在盒子外部,所以看起來很奇怪。
我找到的最佳方法是使用box-shadow
屬性:
1 | div:hover { |
以下是結果:
tags: [“CSS”, “border”, “box-shadow”, “hover”]
我有一個盒子列表,當鼠標懸停時,我想要顏色反轉。
1 | div { |
所以我進一步添加了以下代碼:
1 | div:hover { |
但是… 盒子看起來不像”一個盒子”。所以我添加了邊框:
1 | div:hover { |
但由於邊框是添加在盒子外部,所以看起來很奇怪。
我找到的最佳方法是使用box-shadow
屬性:
1 | div:hover { |
以下是結果:
tags: [“CSS”, “border”, “box-shadow”, “hover”]