給日志做邊框(注意:這只是方法,邊框?qū)挾?、顏色等自己選擇)
1、外框主代碼
<TABLE style="BORDER-RIGHT: #00ffff 10px ridge; BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff 10px ridge; BORDER-BOTTOM: #00ffff 10px ridge; BACKGROUND-COLOR:#0aa297"cellSpacing=0>
<TBOD><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD>
這里寫(xiě)文字,隨著文字增多,邊框自動(dòng)延長(zhǎng)。也可加背景
圖片的代碼
</TD></TR></TBODY></TABLE>
解析:①BORDER-RIGHT: #00ffff 10px ridge; BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff 10px ridge; BORDER-BOTTOM: #00ffff為左右上下四個(gè)邊框的顏色控制屬性,
#00ffff是顏色代碼,你自己可以代換;②BACKGROUND-COLOR: #0aa297為框內(nèi)顏色屬性;③cellSpacing=0為內(nèi)外框距離,此處沒(méi)有外框,設(shè)定為0;效果如下:
2、內(nèi)框主代碼
<TABLE border=1>
<TBODY>
<TR>
<TD>
解析:①border=1為邊框?qū)挾葘傩?;②想要幾個(gè)內(nèi)框,就把內(nèi)框代碼復(fù)制幾個(gè)到外框代碼文字處,即把<TABLE border=1><TBODY><TR><TD>復(fù)制到外框代碼<TD>與</TD>之間。③因?yàn)橛辛藘?nèi)框,所以不要忘記把外框代碼中的
cellSpacing=0改為cellSpacing=1~3的數(shù)據(jù)
3、內(nèi)外框組合
我以四個(gè)內(nèi)框?yàn)槔?/span>
<TABLE style="BORDER-RIGHT: #00ff00 10px ridge;
BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT:
#00ff00 10px ridge; BORDER-BOTTOM: #00ff00
10px ridge; BACKGROUND-COLOR: #ccff00" cellSpacing=2>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
這里寫(xiě)文字,隨文字增多,邊框逐漸放大。可加入背景圖
片代碼等。
</TD></TR></TBODY></TABLE>
4、下面是七層框的例子:
這是個(gè)七層的公式,當(dāng)然你可以做N層。
第一層:<table div align="center" border="0" cellpadding="0" cellspacing="15" width="540" background="圖片地址">
<tr><td width="100%" align="center">
第二層:<table border="0" cellpadding="0" cellspacing="3" width="100%" background="圖片地址">
<tr><td width="100%" align="center">
第三層:
<table border="0" cellpadding="0" cellspacing="20" width="100%" background="圖片地址">
<tr><td width="100%" align="center">
第四層:
<table border="0" cellpadding="0" cellspacing="2" width="100%" background="圖片地址">
<tr><td width="100%" align="center">
第五層:
<table border="0" cellpadding="0" cellspacing="5" width="100%" background="圖片地址">
<tr><td width="100%" align="center">
第六層:
<table border="0" cellpadding="0" cellspacing="1" width="100%" background="圖片地址">
<tr><td width="100%" align="center">
第七層:
<table border="0" cellpadding="0" cellspacing="0" width="100%" background="圖片地址">
<tr><td width="100%" align="center">
仔細(xì)瞧:除了第一層有幾個(gè)格式不一樣,后面幾個(gè)基本一樣,就是數(shù)字不一樣,由你自己定。只要自己高
興,隨便弄。 注意,還有background="圖片地址">也是不一樣。引號(hào)里面的網(wǎng)址就是你自
己想要的背景圖片地址,要選擇不同的背景圖片才可以顯示層次感 。
接下來(lái),就要把自己喜歡的圖片和文字加上,也很簡(jiǎn)單,圖片的最簡(jiǎn)單格式。
<center> <IMG src="圖片地址" width=500 height=400>
其中,要變化的就是圖片的網(wǎng)址以及“寬500”、“高400”你不想要那么寬,你可以設(shè)定成450、
350。。。。。等。 文字,要先規(guī)定它的顏色、字體和大小,一般格式如下:
<CENTER><FONT color=green face=隸書(shū) size=4>
看見(jiàn)里面,什么是顏色,什么是字體,什么是大小了吧,這也是隨你喜好調(diào)整的
在它的下面加自己的文字就好了,行和行用“<br>”就好了。
再下來(lái)就是放自己喜歡的音樂(lè),常用格式如下:
<EMBED src=音樂(lè)網(wǎng)址 hidden=true type=audio/mpeg AUTOSTART="1" loop="-1"> 這是一款
隱藏的自動(dòng)播放的播放器
最后收尾。就是加上下面的就好了。
</DIV></TD></TR></TABLE></DIV></TD></TR></TABLE>
</DIV></TD></TR></TABLE></DIV></TD></TR></TABLE>
</DIV></TD></TR></TABLE></DIV></TD></TR></TABLE>
</DIV></TD></TR></TABLE>
有幾層加幾個(gè): </DIV></TD></TR></TABLE>
其他問(wèn)題:
(1)size字的大小
face=幼圓 設(shè)定一種字體 常用:宋體 黑體 楷體_GB2312 仿宋_GB2312 新宋體 幼圓 隸書(shū)
方正舒體 華文新魏 華文行楷 華文細(xì)黑 華文彩云 方正姚體
(2)水平方向(align),垂直方向(valign)
水平方向即左中右:
left(左對(duì)齊)
center(居中)
RIGHT(右對(duì)齊)
垂直方向即靠頂和靠底.
top(靠頂)、bottom(靠底)等。
(3)<BR> 換行標(biāo)記一個(gè)<BR>令文字顯示于下一行,二個(gè)<BR>留一空白行。
<p>文字編輯 段落標(biāo)記 令文字之間留一空白行。
( ) 括號(hào)內(nèi)的語(yǔ)句,令文字之間留一空隔。(可單獨(dú)使用)
<b> 令字體加粗</b>(雙標(biāo)簽)
<u> 令文字加上底線</u>(雙標(biāo)簽)
<CENTER> 居中 令字、畫(huà)、表格等顯示于中間</CENTER>(雙標(biāo)簽)
這是一款CSS打造的水晶邊框,里面的屬性可以修改,
大小自己調(diào)整。你注意了嗎?搜狐博客頁(yè)面也是這個(gè)
水晶框
代碼如下:
<table width="200" height="210" border="1"
align="center"
cellpadding="0" cellspacing="0" bordercolor
="#FFFFFF" >
<tr> <td height="27" bgcolor="#FF9999" style=" filter:
Blur(Add=true, Direction=180, Strength=20)
"></td> </tr> <tr> <td height="180" valign="top"> </td> </tr> </table> |
聯(lián)系客服