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的基本语法是什么

css的基本语法是:

1、css规则由选择器和一条或多条声明两个部分构成;

2、选择器通常是需要改变样式的HTML元素;

3、每条声明由一个属性和一个值组成;

4、属性和属性值被冒号分隔开。