给我一个 圆角矩形的 img 标签
时间: 2024-02-18 19:01:24 浏览: 23
当然可以,请看下面的代码:
```html
<img src="your-image-url" alt="your-image-description" style="border-radius: 10px;">
```
其中,`your-image-url` 表示你图片的 URL 地址,`your-image-description` 是你对于图片的简单描述。`style="border-radius: 10px;"` 表示设置圆角矩形样式,其中 `10px` 可以根据你的需要进行调整。
相关问题
用python画一个长350像素高20像素的圆角矩形
可以使用 Python 的 Pillow 库来绘制圆角矩形。
以下是一个示例代码:
```python
from PIL import Image, ImageDraw
width = 350
height = 20
radius = 5
img = Image.new('RGB', (width, height), 'white')
draw = ImageDraw.Draw(img)
# 绘制圆角矩形
draw.rounded_rectangle((0, 0, width, height), radius, fill='white', outline='black')
img.show()
```
这段代码将创建一张长为 350 像素,高为 20 像素的白色底图,并在其中绘制一个圆角半径为 5 像素的圆角矩形。最后,使用 `show()` 方法来查看生成的图像。
python画圆角矩形
你可以使用Python的PIL库来绘制圆角矩形。下面是一个例子:
```python
from PIL import Image, ImageDraw
# 定义圆角半径
radius = 20
# 定义矩形的宽和高
width, height = 200, 100
# 创建一个空白的图像对象
img = Image.new('RGBA', (width, height), (255, 255, 255, 0))
draw = ImageDraw.Draw(img)
# 绘制圆角矩形
draw.rectangle((0, radius, width, height-radius), fill=(255, 0, 0))
draw.rectangle((radius, 0, width-radius, height), fill=(255, 0, 0))
draw.pieslice((0, 0, radius*2, radius*2), 180, 270, fill=(255, 0, 0))
draw.pieslice((0, height-2*radius, radius*2, height), 90, 180, fill=(255, 0, 0))
draw.pieslice((width-2*radius, 0, width, radius*2), 270, 360, fill=(255, 0, 0))
draw.pieslice((width-2*radius, height-2*radius, width, height), 0, 90, fill=(255, 0, 0))
# 保存图像
img.save('rounded_rectangle.png')
```
这段代码将创建一个200x100的透明图像,并在其中绘制一个红色的圆角矩形,然后保存为PNG格式的文件。你可以根据需要调整圆角半径、矩形的宽和高以及填充颜色。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)