博客文章色彩背景代碼

i來今雨軒 2013-08-16

展開全文

 為了使自己的文章更有個性，可以把下面的代碼復(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（天藍色）
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é)束時的透明度,以達到漸變效果.取值范圍也是0-100.style指漸變類
型,0是無變化,1是線行漸變,2是放射漸變,3是X型漸變.

《解析HTML邊框》

一、虛線邊框

先來看一下代碼：

<TBODY>

<TR>

邊框效果如下圖：

可能的參數(shù)值

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

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

二、點線邊框

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

代碼：

<TBODY>

<TR>

邊框效果如下圖：

三、

3D壟狀邊框

代碼：

<TBODY>

<TR>

邊框效果如下圖：

四、

3D凹槽邊框

代碼：

<TBODY>

<TR>

邊框效果如下圖：

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

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

代碼：

<TBODY>

<TR>

邊框效果如下圖：

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

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

六、關(guān)于插入文字的說明：我們看上面代碼的紅色部分，在“顯示源代碼”的編輯狀態(tài)下在“ <TD vAlign=center align=middle width=60 bgColor=#0000ee height=30>”后面輸入<p>然后輸入文字，打入</p>結(jié)束本行文字，然后</TD>這時文字就加入了，或在正常編輯狀態(tài)直接輸入文字即可。要讓文字居中請在<p>標簽中輸入 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ù)據(jù)就好了。

七、其他需要說明的地方

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

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

給大家提供一個HTML學習的網(wǎng)頁希望大家喜歡。

HTML語言-字體

標題大小：
<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語言-圖像

鏈入圖像的基本語法：

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

圖像和文字的對齊：

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

圖像在頁面中的對齊/布局：

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

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

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

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

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

圖像邊框：