本教程 *** 作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑，该方法适用于所有品牌电脑。
HTML主要是用来写页面布局的，过程中经常需要设置页面某些字体的颜色，通常有三种常见方式可以进行自定义设置：
1、通过外部CSS样式来设置。可以在head标签中增加style样式，在body中的其他标签，如h2，p，div等开始标签中，增加class="上述style中定义的名称，如blue"即可。改变选中文本的字体颜色,那我们需要的就是通过jS的onmousedowm来做，然后获取到它选择的这段文字的对象，然后在通过js改变它的css来做就行了，这里我写段代码：
<html>
<head></head>
<script>
var oDiv = documentgetElementById('div1');
oDivonmousedown = function(){
oDivstylecolor = '#f00';
}
</script>
<body>
<div id='div1'>
<p>选择我会变颜色</p>
</div>
</body>
</html><!doctype>
<html>
<head>
<style>
#main {POSITION:relative; width:1000px; height:860px; left:50%; margin-left:-500px}
#main test {float:left; width:320px; height:200px; margin:8px 5px; text-align:center; line-height:200px; color:#444; background-color:#dde}
#main test:hover {color:#fff; background-color:#a84}
</style>
</head>
<body>
<div id=main>
<div class=test>请把鼠标移到这里</div>
<div class=test>请把鼠标移到这里</div>
<div class=test>请把鼠标移到这里</div>
<div class=test>请把鼠标移到这里</div>
<div class=test>请把鼠标移到这里</div>
<div class=test>请把鼠标移到这里</div>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）