>.kitten-image {
border: 5px dashed salmon;
border-radius: 5px;
cursor: pointer;
box-shadow: 5px 5px 20px #ccc;
}
border
和 border-radius
属性用于创建可在图像中看到的边框。你还可以将边框属性拆分为 border-width、
border-style和
border-color`。我的解决方案只是改用速记 "Shorthand CSS Properties" 版本。
cursor
属性用于将鼠标光标从其默认设置更改为手指符号。
最后,添加 box-shadow
属性以在图片后面制造出阴影。

网友评论