css怎么实现图片变成圆角矩形

日期：2022-12-16 12:58:02来源：浏览：

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、属性和属性值被冒号分隔开。