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

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

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

以下为详细代码

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

相关阅读: 在未知图片的宽度与高度时利用div+css将图片居中; 中国通信服务摄影作品在线投票; 超级强的div+css点击变样式菜单，特别推荐; 网上页面java图片循环滚动特效; 格式化金钱如果为0增加两个小数点; 洪江市道德模范评选 - 网络投票; 如何让文本框不出现提交过的表单信息; 鼠标经过表格列时变色

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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下载源让下载库飞起

更多>>随机抽取信息: 旅行社网站模板4; 搜索引擎优化八个基础的知识; asp利用dateadd获得上个月、本月、下个月的第一天和最后一天; 支持IE与firefox(火狐)的css写省略号方法; 专注于户外扩展、商务会议建站解决方案; 一个运行HTML文件的代码

更多标签热门标签

成功绝对兼容生成器 submit 文字垂直居中杈规 右击 ie7 定律路径 JS效果 maryabbsby 逗号验证 font-size 电脑数组提交 cookies skype 快捷键搜索引擎注册表 sql V3.1 iframe 滚动条放大 label 键盘尺寸位置台历关键字翻转 csss 珍惜上传留言次数字体变幻小偷顶部管理图层 dd 自适应高度文章返回