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

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

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

以下为详细代码

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实现内容垂直居中的一个例子; JavaScript实现文本框提示效果; 关于SQL2008 “不允许保存更改。您所做的更改要求删除并重新创建以下表。您对无法重新创建的标进行了更改或者启用了‘阻止保存要求重新创建表的更改’” 解决方案; 小说封面制作网站留言板模板; div+css布局中的精粹技巧; html表单里面的label详细; 在服务器上新建网站，在服务器用域名能访问，但是外网访问不了的解决办法

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: 告诉你一些GOOGLE搜索你不知道的东西; 乐旅行; 收集的javascript客户端验证函数大全; 微信小程序转uni-app项目; 仿taobao效果拼音字母检索功能; 阳光丽江客栈

更多标签热门标签

time 倒计时对联 mssql 全选闭合左右混合 Session 底部论坛货币 PSD 用户体验禁止预览美化标注编辑缩小脚本进度伪类许愿墙广告 Response FlashFxp 容器县文本爱国统计 onload 火狐 shift 万年历背景舒服百度像素 hidden 拼音换行不对齐变化格式化模板 checkbox max expression