代码:
<title>字体大小显示</title>
<style type="text/css">
div{
width: 400px;
height: 200px;
margin: 10px 450px;
}
label{
display: block;
margin:10px 50px;
color: #0066ff;
font-size: 1.1em;
font-family: "Microsoft YaHei";
}
p{
font-family: "Microsoft YaHei";
margin: 5px 15px;
}
</style>
<script type="text/javascript">
window.onload = function(){
for(var i=1;i<=7;i++)
document.getElementsByTagName('p')[i].style.fontSize=(i+10)+'px';
}
</script>
</head>
<body>
<div>
<label>字体大小显示程序</label>
<hr>
<%
for(int i=10;i<17;i++)
{
%>
<p>size=<%=i%>号字体:hello world.</p>
<%
}
%>
</div>
</body>
</html>
图片: