『恩友之光』基督徒网络交流论坛

 找回密码
 立即注册
搜索
 
查章节:  
查经文:
查看: 2018|回复: 3
收起左侧

教你几个简单的HTML代码来改变帖子的字体颜色和大小

[复制链接]
发表于 2010-4-14 02:06 | 显示全部楼层 |阅读模式
1. 发帖时点击“代码模式”
2. 输入以下HTML代码: <div style="color:blue;font-size:18px;line-height:26px;">你的帖子的内容,用<br />来换行。</div>
代码解释:
<div>: 意思是一个区域,和<p>有相似之处,你可以把上面的<div>换成<p>。
style="":这个区域的格式,引号里面的那一串东西是具体的格式,用来定义如何显示这个区域的内容。
color:blue, 意思是这个区域里的字的颜色是蓝色(blue),你可以用你喜欢的颜色,例如红色(red),绿色(green),粉红色(pink),当然你也可以用颜色代码,例如黑色(#000000,或black),对于初学者,建议使用颜色的名字。注意冒号和分号。
font-size 字体的大小。上面的例子中字体大小为16px, 数字越大,字体越大,写法是 font-size:16px; 别忘记冒号,结束时用分号
line-height:26px; 句子的行间距,注意冒号和分号。数字越大行间距也越大。
3. 代码写完之后,在<div>和</div>之间插入你的帖子的内容,写完之后点击“设计模式”可以看到效果。
4. 如果要对某些内容加黑,就用<strong>加黑内容在这里</strong>

例子:
将下面这段代码在“代码模式”下输入:

<div style="color:blue; font-size:16px; line-height:26px;">为什么要花这么多功夫来这样做呢?为什么不直接用工具栏里面相应的格式来做呢?<br />
因为,这样生成的内容很干净,没有垃圾代码,<strong>可以节省空间</strong><br />
其次,如果你使用谷歌Chrome浏览器,你会发现工具栏不见了,也没有“设计模式”让你选,你只能使用“代码模式”,用这里介绍的方法可以用来修改你的帖子的格式。<br />
欢迎大家来试试,开始可能有点不习惯,但是用久了就好了。其实这里介绍的格式都是很简单的,也很容易记的。<br />
</div>

那么发帖之后显示的内容和格式是这样的:

为什么要花这么多功夫来这样做呢?为什么不直接用工具栏里面相应的格式来做呢?
因为,这样生成的内容很干净,没有垃圾代码,可以节省空间
其次,如果你使用谷歌Chrome浏览器,你会发现工具栏不见了,也没有“设计模式”让你选,你只能使用“代码模式”,用这里介绍的方法可以用来修改你的帖子的格式。
欢迎大家来试试,开始可能有点不习惯,但是用久了就好了。其实这里介绍的格式都是很简单的,也很容易记的。

如果把color:blue改为color:red,显示结果如下:
为什么要花这么多功夫来这样做呢?为什么不直接用工具栏里面相应的格式来做呢?
因为,这样生成的内容很干净,没有垃圾代码,可以节省空间
其次,如果你使用谷歌Chrome浏览器,你会发现工具栏不见了,也没有“设计模式”让你选,你只能使用“代码模式”,用这里介绍的方法可以用来修改你的帖子的格式。
欢迎大家来试试,开始可能有点不习惯,但是用久了就好了。其实这里介绍的格式都是很简单的,也很容易记的。

如果把color:blue改为color:green,显示结果如下:
为什么要花这么多功夫来这样做呢?为什么不直接用工具栏里面相应的格式来做呢?
因为,这样生成的内容很干净,没有垃圾代码,可以节省空间
其次,如果你使用谷歌Chrome浏览器,你会发现工具栏不见了,也没有“设计模式”让你选,你只能使用“代码模式”,用这里介绍的方法可以用来修改你的帖子的格式。
欢迎大家来试试,开始可能有点不习惯,但是用久了就好了。其实这里介绍的格式都是很简单的,也很容易记的。


是不是很简单啊?试试看噢。
发表于 2010-4-14 16:31 | 显示全部楼层

支持~

回复

使用道具 举报

发表于 2010-4-14 17:29 | 显示全部楼层
俺就是用谷歌浏览器,下面就有一个框框,自己手写代码!
回复

使用道具 举报

 楼主| 发表于 2010-4-14 22:52 | 显示全部楼层
以下是引用小脚印在2010-4-14 17:29:00的发言:
俺就是用谷歌浏览器,下面就有一个框框,自己手写代码!

正好用我教的这些代码啊。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|恩友之光 ( 桂ICP备2023005629号-1 )

GMT+8, 2025-5-10 00:54

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表