博客文章色彩背景代码

i来今雨轩 2013-08-16

展开全文

 为了使自己的文章更有个性，可以把下面的代码复制粘贴到文章的显示源代码区，
在自定义文字里面输入你想写的文字即可：
 
<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是来设置透明度的,它的基本属性是filter：alpha（opacity，finishopacity，
style，startX，startY，finishX，finishY）.
opacity代表透明度数,选值0-100,0是完全透明,100是不透明.
finishopacity用来设置结束时的透明度,以达到渐变效果.取值范围也是0-100.style指渐变类
型,0是无变化,1是线行渐变,2是放射渐变,3是X型渐变.

《解析HTML边框》

一、虚线边框

先来看一下代码：

<TBODY>

<TR>

边框效果如下图：

可能的参数值

值	描述
none	定义无边框
dotted	点状边框
dashed	虚线边框
solid	实线边框
double	双线边框，双线的宽度等于border-width的值。
groove	凹槽边框	其效果取决于border-color的值
ridge	垄状边框
inset	Inset边框
outset	Outset边框
inherit	规定从父元素继承边框样式

BORDER-RIGHT表示右边框，BORDER-TOP表示顶边框，BORDER-LEFT表示左边框，BORDER-BOTTOM表示底边框。

二、点线边框

从可能的值中我们可以看到dashed是虚线边框，我们将上面的dashed改为dotted看点状边框的效果。

代码：

<TBODY>

<TR>

边框效果如下图：

三、

3D垄状边框

代码：

<TBODY>

<TR>

边框效果如下图：

四、

3D凹槽边框

代码：

<TBODY>

<TR>

边框效果如下图：

其他值我没有试，总之改变边框的属性值即可以改变边框的样式。

五、去掉内边框时的虚线边框

代码：

<TBODY>

<TR>

边框效果如下图：

代码输入可以在发博文时选中编辑窗口下面的“显示源代码”，然后输入代码，再取消“显示源代码”即可正常显示。

我们可以举一反三的修改一下颜色、高度、宽度等试一试，很好玩的。

六、关于插入文字的说明：我们看上面代码的红色部分，在“显示源代码”的编辑状态下在“ <TD vAlign=center align=middle width=60 bgColor=#0000ee height=30>”后面输入<p>然后输入文字，打入</p>结束本行文字，然后</TD>这时文字就加入了，或在正常编辑状态直接输入文字即可。要让文字居中请在<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>

将上面的代码在“显示源代码”时粘贴过去试一下，如果不居中有可能是段落宽度太小，修改一下上面代码中的黄色数据就好了。

七、其他需要说明的地方

vAlign代表行的垂直对齐方式，等号后面是参数，center表示居中，top表示项部对齐，bottom表示下部对齐,baseline是基线对齐。

align代表水平对齐方式，参数left是左对齐，right是右对齐，middle是水平居中对齐。

给大家提供一个HTML学习的网页希望大家喜欢。

HTML语言-字体

标题大小：
<h#> 文字 </h#>
#=1, 2, 3, 4, 5, 6

文字大小：
<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>文字

图像边框：