css改变页面中的文字颜色与字体粗体 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

css改变页面中的文字颜色与字体粗体

深山行者个人网站 2009/2/23 22:35:34 深山行者字体:大中小浏览 10182

以下为详细代码

css改变页面中的文字颜色与字体粗体

<DIV id=newsContent style="height:150px;">                4、风格选择的实现：写在页面的body中CODE</DIV>

<SELECT name="select3" onchange="javascript:document.getElementById('newsContent').style.backgroundColor = this.value;">
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(102,102,102)" value=#666666 selected>#666666</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(51,51,51)" value=#333333>#333333</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(0,51,102)" value=#003366>#003366</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(0,153,204)" value=#0099CC>#0099CC</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(0,0,0)" value=#000000>#000000</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(255,0,0)" value=#FF0000>#FF0000</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(0,0,255)" value=#0000FF>#0000FF</OPTION>
</SELECT>
<SELECT name="select3" onchange="javascript:document.getElementById('newsContent').style.fontFamily = this.value;">
<OPTION value=微软雅黑 selected>微软雅黑</OPTION>
<OPTION value=宋体>宋体</OPTION>
<OPTION value=黑体>黑体</OPTION>
<OPTION value=隶书>隶书</OPTION>
<OPTION value=楷体>楷体</OPTION>
<OPTION value=华文行楷>华文行楷</OPTION>
<OPTION value=幼圆>幼圆</OPTION>
<OPTION value=Arial>Arial</OPTION>
<OPTION value=Verdana>Verdana</OPTION>
<OPTION value=Tahoma>Tahoma</OPTION>
</SELECT>
				  
<SELECT name="select3" onchange="javascript:document.getElementById('newsContent').style.color = this.value;">
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(102,102,102)" value=#666666 selected>#666666</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(51,51,51)" value=#333333>#333333</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(0,51,102)" value=#003366>#003366</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(0,153,204)" value=#0099CC>#0099CC</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(0,0,0)" value=#000000>#000000</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(255,0,0)" value=#FF0000>#FF0000</OPTION>
<OPTION style="COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(0,0,255)" value=#0000FF>#0000FF</OPTION>
</SELECT>
	
			  
<SELECT name="select3" onchange="javascript:document.getElementById('newsContent').style.fontSize = this.value;">
    <OPTION value=11px>11px</OPTION>
	<OPTION value=14px selected>14px</OPTION>
	<OPTION value=16px>16px</OPTION>
	<OPTION value=18px>18px</OPTION>
	<OPTION value=20px>20px</OPTION>
	<OPTION value=22px>22px</OPTION>
	<OPTION value=24px>24px</OPTION>
</SELECT>
				  
<SELECT name="select3" onchange="javascript:document.getElementById('newsContent').style.fontWeight = this.value;">
    <OPTION value="" selected>正常</OPTION>
	<OPTION value=bold>加粗</OPTION>
</SELECT>

前一页:div中的图片链接居中的问题

后一页:CSS分页符代码01