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

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

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

以下为详细代码

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

相关阅读: ASP版通过身份证信息获取对应的生日性别年龄; 偏重于汽车租赁服务商建站解决方案; 网页制作CSS中常用的单位; CSS分页符代码01; 利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器; 出境游旅行社建站解决方案; 如何让百度、Google收录你的站点; 仿mop分页代码

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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把网页文字的毛边去掉

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

更多>>随机抽取信息: 深山旅行社网站管理系统 v1.5; 如何让百度、Google收录你的站点; 利用DIV+CSS制作浮动广告,没有用到多少javascript,全是css; javascript日期验证比较; 连云港汽车门户网站; 一些平时用到HTML的过滤

更多标签热门标签

outerHTML 浏览器图片上传故事中英 base Dreamweaver sel 框分开定位 iis 安装梦幻目标排序做标界面创业自动获取 exe 重复 img rnd 风格灰色 javascri CAD 数据还原获取缩略图 box 高亮 weatherxml 间隔结果 meta hack 名称产品链接省市调色器策划 overflow margin 文字 script 拖动 xhtml 渐隐