新闻字体大小调整-优快云博客

本文链接：https://blog.youkuaiyun.com/NewBeeMu/article/details/98054045

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>04-新闻字体.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
    	.out{
    		border: 1px red solid;
    		width: 300px;
    	}
    	.max{
    		font-size: 32px;
    		color:red;
    	}
    	.mid{
    		font-size: 22px;
    		color:black;
    	}
    	.min{
    		font-size: 14px;
    		color:blue;
    	}
    
    </style>
    <script type="text/javascript">
		function big(){
			var news = document.getElementById("news");
			//整个样式添加到标签中
			news.className = "max";
			
		}
		function mid(){
			var news = document.getElementById("news");
			//整个样式添加到标签中
			news.className = "mid";
			
		}
		function min(){
			var news = document.getElementById("news");
			//整个样式添加到标签中
			news.className = "min";
			
		}
		
		
    </script>
  </head>
  	
  <body>
	  <center>
  	<div class="out"> 
	
  		<div>
  			<a href="javascript:void(0)" onclick="big()">大</a>
  			<a href="javascript:void(0)" onclick="mid()">中</a>
  			<a href="javascript:void(0)" onclick="min()">小</a>
  		</div>
  		<div id="news" class="min">
  			5月17日电 据公安部网站消息，5月17日中午，国务委员、
	  		 公安部部长郭声琨与越南中央政治局委员、
	  		 公安部部长陈大光通话，要求越方立即采取有力措施，坚决制止一切暴力活动，
	  		 严惩打砸抢不法分子，切实保护中方在越机构、企业和人员的人身财产安全。
  		</div>
  	</div>	
	</center>
  </body>
</html>

js设置新闻字体