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

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

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

以下为详细代码

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

相关阅读: 秀色摄影; 凹陷文字; 平遥旅游360网; 网站需要SEO 基本的SEO建站要点; 两个ASP中防止SQL注入式攻击; 在网页标题栏上或收藏夹前面显示网站ico小图标的方法; 巧用ASP技术保护DHTML源代码; 添加一个防下载字段(长二进制数据)来防止ACCESS数据库被下载

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: 2026 aliyun阿里域名云注册续费优惠口令; dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起

更多>>随机抽取信息: 购买深山旅行社管理系统后享受哪些服务?; css　a标签与如何利用css中text-indent实现文章缩进; 深山行者留言系统V1.0 (简称深山留言V1.0); 地瓜坊; 深山旅行社管理系统有后台测试吗？; div+css中文字居于底部的解决方法与代码

更多标签热门标签

锚点 Margin加倍手 VBScript 在线 JavaScript实现文本框提示效果文化 imprt 适应链接样式经典营销验证码树型轮流 mop 破解文字垂直获得显示处理 126 背景色 adobe flush 理想 jpg 阴影效果客户端淘宝 Application blog 2003 设为首页技巧渐变自适应游览器 rss 经典的 optgroup Request option 汉字 window 增高 clear 考试多选状态栏