W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> /* 此样式将所有图像的宽度设置为 100%： */ img { width: 100%; } </style> </head> <body> <h1>宽度/高度属性还是样式？</h1> <p>第一张图像使用 width 属性（设置为 180 像素），但 head 部分中的样式覆盖了它，并将宽度设置为 100%。</p> <img src="/i/pic/flower.gif" alt="花朵" width="180" height="180"> <p>第二张图像使用 style 属性将宽度设置为 180 像素，这不会被 head 部分中的样式覆盖：</p> <img src="/i/pic/flower.gif" alt="花朵" style="width:180px;height:180px;"> </body> </html>