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

655Z技术栈 Html/CSS 前天 19:28 9

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

在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>

提供PHP及ThinkPHP框架的定制开发、代码优化,PHP修改、ThinkPHP修改。

邮箱:yvsm@163.com 微信:yvsm316 QQ:316430983
关闭

用微信“扫一扫”