1，用样式表(css),在组件里面加上style属性，例如:
<div style="background-color:bluefont-family:宋体">
欢迎你
</div>
2，直接在字体两边加font标记，例如：
<font color=blue >欢迎你</font>
扩展资料
<input name="submit" type="submit" value="changeColor" onClick="changeColor()">
<span id="wenzi">wenzi</span>
<script>
function changeColor(){
document.all['wenzi'].style.color="#ff0000"
}
</script>
参考资料：百度百科 CSS（层叠样式表）
CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。网页设计最初是用HTML标记来定义页面文档及格式，例如标题<h1>、段落<p>、表格<table>、链接<a>等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后，又在1998年5月发布了CSS2版本，样式表得到了更多的充实。W3C把DHTML(Dynamic HTML)分为三个部分来实现：脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape Navigator等)和CSS样式表。
注意：CSS需要IE4(Internet Explorer 4.0)和NC4(Netscape 4.0)以上的浏览器支持，有些效果需要更高版本的浏览器支持。
DW能够自动生成css文件，不过自动生成的代码都是安装特定的格式写的，一些特殊的效果还是需要手写的。再有就是 dw尽管能够生成css代码，不过也需要用鼠标在控制窗口里点来点去的。有的时候不一定有手写快。
dw手写代码 支持 提示功能（就是敲前几个字母 就出全部单词）熟练的也是很快的。
对于初学者 用dw的自动生成代码感觉是快。可是随着成长会发现 手写css 其实不慢。还更灵活。主要是灵活。而且能缩短 css 文件大小。
例如：设置背景
dw生成代码：（dw都是按照固定的格式生成代码）
background-image: url(../images/banner.gif)
background-image: url(../images/banner.gif)
background-repeat: no-repeat
background-position: center top
手写代码可以这样：
background: url(../images/banner.gif) no-repeat center top
===========================================
dw生成代码：（dw都是按照固定的格式生成代码
border-top-width: 1px
border-top-style: solid
border-top-color: #F4D8AA
手写代码可以这样：
border-top: 1px solid #F4D8AA
等等。
对于初学者可以用dw来生成代码。一方面解决项目中的问题，一方面方便学习了解css语法。
伴随这成长可以 dw生成+手写代码 这样比较快。
