W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> div { width: 320px; padding: 10px; border: 5px solid gray; margin: 0; } </style> </head> <body> <h1>计算总宽度:</h1> <img src="/i/photo/klematis4_big.jpg" width="350" height="263" alt="Klematis"> <div>上面的图片宽 350 像素。此DIV元素的宽度也是 350 像素。</div> </body> </html>