css

css如何将图片变成圆角矩形

养鱼的猫咪
607
2021-03-26 14:34:56
栏目: 编程语言

在css中将图片变成圆角矩形的方法:1.添加图片;2.使用border-radius属性设置图片为圆角矩形;

css如何将图片变成圆角矩形

在css中将图片变成圆角矩形的方法

1.首先,在页面中添加一张图片;

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8" />

  <style></style>

</head>

<body>

  <img src="1.png" alt="">

</body>

</html>

2.图片添加好后,在css中使用border-radius属性设置图片为圆角矩形;

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8" />

  <style>

     img{

       border-radius:20px;

}

  </style>

</head>

<body>

  <img src="1.png" alt="">

</body>

</html>

效果:

css如何将图片变成圆角矩形

0
看了该问题的人还看了