x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style type="text/css">7
#ex1 {8
border: 1px solid red;9
outline: green dotted thick;10
}11
</style>12
<script>13
function displayResult() {14
document.getElementById("ex1").style.outlineWidth = "10px";15
}16
</script>17
</head>18
<body>19
20
<div id="ex1">这是一些文本。</div>21
<br>22
<button type="button" onclick="displayResult()">修改轮廓宽度</button>23
<p><b>注意:</b> IE8 支持outline 属性必须制定一个!DOCTYPE。</p>24
25
</body>26
</html>