<html>
<head>
<title>css-font-weight例子</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<style type="text/css">
#idDIV{
background-color:#f642f2;
margin:12px 0px;
padding:10px;
width:100%
height:80px;
}
#idCodediv{
background-color:#e6e123;
margin:12px 0px;
padding:20px;
width:100%;
}
</style>
<script language="javascript">
function change(){
with(document.all("idSel")){
var sValue=options[selectedIndex].value;
}
document.all("idDIV").style.fontWeight=sValue;
document.all("idCodeDiv").innerText="font-weight:"+sValue+";";
}
</script>
</head>
<body>
<div id="idDIV">
Every man dies,Not every man really lives.
</div>
<br/>
<select id="idSel" οnchange="change();">
<option value="normal">---font-weight---</option>
<option value="bold">bold</option>
<option value="bolder">bolder</option>
<option value="lighter">lighter</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="800">800</option>
<option value="900">900</option>
</select>
<br/>
<div id="idCodeDiv">font-weight:mormal;</div>
</body>
</html>
css-font-weight例子
最新推荐文章于 2022-06-02 10:46:56 发布