外边框:
box-shadow: 0 0 8px rgb(0, 204, 255);
<div
style="
width: 100px;
height: 100px;
box-shadow: 0 0 8px rgb(0, 204, 255);
"
></div>
内边框:
只需在前面加个 inset 即可
box-shadow: inset 0 0 8px rgb(0, 204, 255);
<div
style="
width: 100px;
height: 100px;
box-shadow: inset 0 0 8px rgb(0, 204, 255);
"
></div>
外边框+内边框:
box-shadow: inset 0 0 8px rgb(0, 204, 255), 0 0 8px rgb(0, 204, 255);
<div
style="
width: 100px;
height: 100px;
box-shadow: inset 0 0 8px rgb(0, 204, 255), 0 0 8px rgb(0, 204, 255);
"
></div>