<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Box Model</title>
<style>
div.ex
{
width:220px;
padding:50px;
border:20px solid gray;
margin:50px;
border-style:dotted;
outline:#00FF00 dotted thick;
}
</style>
</head>
<body>
<img src="250x250px.gif" width="250" height="250" />
<div class="ex">上面的图片是250 px宽。
这个元素的总宽度也是250 px。</div>
</body>
</html>
F12 打开浏览器去观察
