主页
HTML
HTML 图像
tryhtml_images_style
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> /* This style sets the width of all images to 100%: */ img { width: 100%; } </style> </head> <body> <h2>Width/Height属性还是样式？</h2> <p>第一个图像使用宽度属性（设置为 128 像素），但头部部分的样式覆盖了它，并将宽度设置为 100%。</p> <img src="/demo/images/html5.gif" alt="HTML5 图标" width="128" height="128"> <p>第二张图片使用 style 属性将宽度设置为 128 像素，这不会被 head 部分的样式覆盖：</p> <img src="/demo/images/html5.gif" alt="HTML5 图标" style="width:128px;height:128px;"> </body> </html>