实例首页
自学教程
IT工具箱
源代码
下载代码
上下布局
点击运行 >
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>css 盒子模型演示 实例 - 自学教程(runoops.com)</title> <style type="text/css"> div.ex { width:220px; padding:10px; border:5px solid gray; margin:0px; } </style> </head> <body> <img src="//demo.runoops.com/static/img/250x250px.gif" width="250" height="1" /><br /><br /> <div class="ex">上面线的宽度为 250px 。<br /> 现在本元素的整体宽度也为 250px。</div> <p><b>注意:</b> 在这个例子我们加上了 DOCTYPE 声明(在 html元素前面), 所以它将在任何浏览器中都将正常显示。</p> </body> </html>
运行结果：