JSP 字体大小

最新推荐文章于 2023-08-31 09:35:30 发布

qqandpinecone

最新推荐文章于 2023-08-31 09:35:30 发布

阅读量9.1k

点赞数 2

分类专栏： JavaScript 文章标签： JSP

本文链接：https://blog.youkuaiyun.com/Tjhfsghbjknjdy/article/details/84975154

版权

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

代码：

 <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>

图片：