csdn写作用法

CSDN中写博客,有些要用html 代码来实现。

在编辑区直接写入下面代码:

如何改变字体大小、颜色
三种写法:
<font face="微软黑体"  color=#008000 size=3>内容</font>
<font color="#660000">深红色文字</font><br /> 
<font color=red>深红色文字</font><br /> 

Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3。

字体·华文彩云 –字体·宋体 –字体·fantasy体 –字体·Times New Roman体 –字体·楷体

色值"99999" 色值blue/ #0000ff 色值red/#ff0000

常见色值:red红 white白 black黑 green绿 purple紫 yellow黄 blue蓝 tan褐色 cyan青色 Browse棕色
十六进制色值:#ff0000红 #0000ff蓝 #000000黑
RGB色值:rgb(255,0,0)红 rgb(0,0,255)蓝 rgb(255,160,221)粉色

[web颜色1 ](http://tools.jb51.net/tools/peise.htm)  
[web颜色2](http://tool.c7sky.com/webcolor/)   
[web颜色3](https://www.w3school.com.cn/html/html_colors.asp)
[web颜色4](http://web.chacuo.net/)
字体的背景色
<code>字体高亮的颜色是固定</code>
`同等上面代码效果`

这个代码的 字体、大小和背景颜色是固定的

整块背景色
<table><tr><td bgcolor=#FFD700> Gold </td></tr></table>
背景 色值Gold,区块背景色
首行缩进 用加空格方法
&emsp;&emsp;

  直接添加在首行,就可以缩进

换行方法
一种:用Markdown语法,
\
\
二种:用html语法
<br/>
<br/>

  • 写博客

    换行的问题


    \换行宽度比<br/ >要小些,注意不能与html代码结合使用。


绘制表格

HTML语法


** 使用HTML语法:无标题

<table class="table table-bordered table-striped table-condensed">  
    <tr>  
        <td>北京</td>  
    <td>雾霾</td>  
    </tr>  
    <tr>  
        <td>深圳</td>  
    <td>暴雨</td>  
    </tr>  
</table>  


输出:

北京 晴朗
深圳 阳光




** 使用HTML语法:有标题+表格颜色更改

<table class="table table-bordered table-striped table-condensed">  
 	<tr>  
        <th>城市</th>  
    	<th>天气</th>  
    <tr>  
        <td bgcolor=#5F9EA0>北京</td>  
    	<td bgcolor=white>晴朗</td>  
    </tr>  
    <tr>  
        <td bgcolor=#8787A5 >深圳</td>  
    	<td>阳光</td>  
    </tr>  
</table>  

输出:

城市 天气
北京 晴朗
深圳 阳光


合并列


** 使用HTML语法:合并列

<table>
    <tr>
        <th rowspan="2">活动日<br/>
        合并列</th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
    </tr>
    <tr>
        <td>羽毛球</td>
        <td>棒球</td>
        <td>足球</td>
    </tr>
</table>


输出:

活动日
合并列
星期一 星期二 星期三
羽毛球 棒球 足球


合并行


** 使用HTML语法:合并行

<table>
    <tr>
        <td>列一</td> 
        <td>列一</td> 
   </tr>
    <tr>
        <td colspan="2">合并行</td>    
    </tr>
    <tr>
        <td colspan="2">合并行</td>    
    </tr>
</table>

输出:

列一 列一
合并行
合并行


MarkDown语法


** 使用 MarkDown 语法

Name | Academy | score 
- | :-: | -: 
Harry Potter | Gryffindor| 90 
Hermione Granger | Gryffindor | 100 
Draco Malfoy | Slytherin | 90

输出:

Name Academy score
Harry Potter Gryffindor 90
Hermione Granger Gryffindor 100
Draco Malfoy Slytherin 90

注意::增加列表时,每行同时添加才行。
:- 左对齐
-: 右对齐
:-: 居中





猜你喜欢

转载自blog.csdn.net/miiiiiiiiiiiii/article/details/113986200
今日推荐