<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="Tencent-ISRD" />
<meta name="Copyright" content="Tencent" />
<title>Border-p_w_picpath</title>
<style type="text/css">
#ss{ font:caption;}
</style>
</head>
<body>
<div style="border-style: solid;-moz-border-radius: 11px ;padding:5px;-">在safari3+和FF3.5浏览器里能看到边框背景图</div>
<div style="background-color: hsla(0,100%,50%,0.1);">在Firefox的浏览器里能看到透明色背景</div>
<div id="ss"> ni hap</div>
<input type="button"  id="ss" value="提交"/>
<div><p id="ww"></p></div>
<form name="form1">
<select name="selects" οnchange="on_change()">
    <option value="s1">icon</option>
    <option value="s2">caption</option>
    <option value="s3">status-bar</option>
    <option value="s4">italic small-caps 600 12pts/18pts 宋体</option>
</select>
</form>
</body>
</html>
<script type="text/javascript">
function on_change(){
var  ff = document.form1.selects;
for (var i =0;i<ff.options.length;i++)
{
if(ff.options[i].selected){
var gg = document.getElementById("ww");
var jj = ff.options[i].text;
gg.innerHTML="font :" +jj;
}
}
}
//with(document.all("selects")) var dd = options[selectedIndex].value;

</script>