博客文章色彩背景代碼

i來今雨軒 2013-08-16

展開全文

 為了使自己的文章更有個(gè)性，可以把下面的代碼復(fù)制粘貼到文章的顯示源代碼區(qū)，
在自定義文字里面輸入你想寫的文字即可：
 
<table width=500 
style="filter: alpha(opacity=100,finishopacity=10,style=1);">
<tr><td align=center bgcolor=顏色>
 <PRE>在這里輸入你的文字</PRE> </td></tr></table>
 
bgcolor=skyblue（天藍(lán)色）
bgcolor=red（紅色）
bgcolor=purple（紫色）
bgcolor=green（綠色）
bgcolor=yellow（黃色）
bgcolor=gold（金色） 
alpha是來設(shè)置透明度的,它的基本屬性是filter：alpha（opacity，finishopacity，
style，startX，startY，finishX，finishY）.
opacity代表透明度數(shù),選值0-100,0是完全透明,100是不透明.
finishopacity用來設(shè)置結(jié)束時(shí)的透明度,以達(dá)到漸變效果.取值范圍也是0-100.style指漸變類
型,0是無變化,1是線行漸變,2是放射漸變,3是X型漸變.

《解析HTML邊框》

一、虛線邊框

先來看一下代碼：

<TBODY>

<TR>

邊框效果如下圖：

可能的參數(shù)值

值	描述
none	定義無邊框
dotted	點(diǎn)狀邊框
dashed	虛線邊框
solid	實(shí)線邊框
double	雙線邊框，雙線的寬度等于border-width的值。
groove	凹槽邊框	其效果取決于border-color的值
ridge	壟狀邊框
inset	Inset邊框
outset	Outset邊框
inherit	規(guī)定從父元素繼承邊框樣式

BORDER-RIGHT表示右邊框，BORDER-TOP表示頂邊框，BORDER-LEFT表示左邊框，BORDER-BOTTOM表示底邊框。

二、點(diǎn)線邊框

從可能的值中我們可以看到dashed是虛線邊框，我們將上面的dashed改為dotted看點(diǎn)狀邊框的效果。

代碼：

<TBODY>

<TR>

邊框效果如下圖：

三、

3D壟狀邊框

代碼：

<TBODY>

<TR>

邊框效果如下圖：

四、

3D凹槽邊框

代碼：

<TBODY>

<TR>

邊框效果如下圖：

其他值我沒有試，總之改變邊框的屬性值即可以改變邊框的樣式。

五、去掉內(nèi)邊框時(shí)的虛線邊框

代碼：

<TBODY>

<TR>

邊框效果如下圖：

代碼輸入可以在發(fā)博文時(shí)選中編輯窗口下面的“顯示源代碼”，然后輸入代碼，再取消“顯示源代碼”即可正常顯示。

我們可以舉一反三的修改一下顏色、高度、寬度等試一試，很好玩的。

六、關(guān)于插入文字的說明：我們看上面代碼的紅色部分，在“顯示源代碼”的編輯狀態(tài)下在“ <TD vAlign=center align=middle width=60 bgColor=#0000ee height=30>”后面輸入<p>然后輸入文字，打入</p>結(jié)束本行文字，然后</TD>這時(shí)文字就加入了，或在正常編輯狀態(tài)直接輸入文字即可。要讓文字居中請(qǐng)?jiān)?lt;p>標(biāo)簽中輸入 align=center 即是<p align=center >，看一下全部代碼：

<TBODY>

<TR>

<TD vAlign=center align=middle width=690 bgColor=#0000ee height=30><p align=center >這里是文字</p></TD>

</TR> </TBODY> </TABLE>

將上面的代碼在“顯示源代碼”時(shí)粘貼過去試一下，如果不居中有可能是段落寬度太小，修改一下上面代碼中的黃色數(shù)據(jù)就好了。

七、其他需要說明的地方

vAlign代表行的垂直對(duì)齊方式，等號(hào)后面是參數(shù)，center表示居中，top表示項(xiàng)部對(duì)齊，bottom表示下部對(duì)齊,baseline是基線對(duì)齊。

align代表水平對(duì)齊方式，參數(shù)left是左對(duì)齊，right是右對(duì)齊，middle是水平居中對(duì)齊。

給大家提供一個(gè)HTML學(xué)習(xí)的網(wǎng)頁希望大家喜歡。

HTML語言-字體

標(biāo)題大小：
<h#> 文字 </h#>
#=1, 2, 3, 4, 5, 6

文字大?。?/p>
<font size=#> ... </font>
#=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#>
#=1, 2, 3, 4, 5, 6, 7

物理字體：
加粗：<b>文字</b>
斜體：<i>文字</i>
加下劃線：<u>文字</u>
垂直居中：<tt>文字</tt>
垂直靠上：<sup>文字</sup>
垂直靠下：<sub>文字</sub>
加刪除線：<s>文字</s>
加粗：文字斜體：文字加下劃線：文字垂直居中：文字
垂直靠上：^文字垂直靠下：_文字加刪除線：文字
文字顏色：
<font color=#> 文字 </font>
#=Black（黑色）, Red（紅色）, Blue（蘭色）, Yellow（黃色）
也可以用顏色代碼。

HTML語言-圖像

鏈入圖像的基本語法：

在瀏覽器尚未完全讀入圖像時(shí)，在圖像位置顯示的文字：

圖像和文字的對(duì)齊：

#=top（文字對(duì)齊圖像上沿）, middle（文字對(duì)齊居中圖像）, bottom（文字對(duì)齊圖像下沿）。

圖像在頁面中的對(duì)齊/布局：

<img src=圖像地址 align=#>文字<br>
#=left（圖像在左文字在右）, right（文字在左圖像在右）。

圖像在中，文字左右布局：

文字<img src=圖像地址 hspace=圖像和文字左右間距值>文字

圖像在中，文字上下布局：

文字<br><img src=圖像地址 vspace=圖像和文字上下間距值><br>文字

圖像邊框：

HTML語-排版

【文字置左、置中、置右】

1、使用方法：可以讓其整個(gè)文字段落置左、置中或置右。

2、解說：“align=對(duì)齊位置”它的功能是專門在設(shè)定“水平對(duì)齊位置”，其常見的設(shè)定值有三個(gè)，也就是置左（align="left"）、置中（align="center"）、置右（align="right"）。

【置中標(biāo)簽】

1、使用方法：<center>內(nèi)容</center>

2、解說：除了文字，對(duì)于圖片、表格，任何可以顯現(xiàn)的都可以置中。

【向右縮排標(biāo)簽】

1、使用方法：<blockquote>文字</blockquote>

2、解說：利用<blockquote></blockquote>這個(gè)標(biāo)簽可以將其包起來的文字，全部往右縮，而且加一組標(biāo)簽，往右縮排一單位，加兩組標(biāo)簽，往右縮排兩單位，依此類推。

【保存原始格式標(biāo)簽】

1、使用方法：<pre>文字<pre>

2、解說：利用<pre></pre>這個(gè)標(biāo)簽可以將其包起來的文字排版、格式，原封不動(dòng)的呈現(xiàn)出來。

【分隔線標(biāo)簽】

1、使用方法：上一段文字內(nèi)容<hr>下一段文字內(nèi)容

2、解說：利用<hr>這個(gè)標(biāo)簽便可產(chǎn)生一條橫分隔線。

普通分隔線<hr>

有色分隔線<hr color="色碼">

有寬度分隔線<hr width="寬度">

有厚度分隔線<hr size="厚度">

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自： i來今雨軒 > 《博客制作》

舉報(bào)/認(rèn)領(lǐng)