设计图片样式

2019-03-02  本文已影响0人  大风吹兮风清扬
>.kitten-image {
  border: 5px dashed salmon;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 5px 5px 20px #ccc;
}

borderborder-radius 属性用于创建可在图像中看到的边框。你还可以将边框属性拆分为 border-width、border-styleborder-color`。我的解决方案只是改用速记 "Shorthand CSS Properties" 版本。

cursor 属性用于将鼠标光标从其默认设置更改为手指符号。

最后,添加 box-shadow 属性以在图片后面制造出阴影。

image
上一篇 下一篇

猜你喜欢

热点阅读