主页
HTML
HTML Picture 图像元素
tryhtml_images_picture_format
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h2>图片元素</h2> <picture> <source srcset="/demo/images/img_avatar.png"> <source srcset="/demo/images/img_girl.jpg"> <img src="/demo/images/img_beatles.gif" alt="Beatles" style="width:auto;"> </picture> <p>当图像格式不是所有设备都支持时，可以使用 picture 元素。</p> <p>设备将使用它支持的第一个图像格式，并忽略其余图像。</p> </body> </html>