性感美女一字马视频,亚洲美女视频在线播放,范冰冰视频聊天

立體彩色邊框代碼之制作閃動(dòng)邊框的代碼

文靜1961 >《邊框素材》

2011.02.14

日志文字

代碼如下：

它會(huì)在你的文字外圍生成一個(gè)紅色邊框，border-width控制邊框的粗細(xì)，border-color調(diào)整邊框的顏色，這里你仍然何以使用前文提到的形式如#xxxxxx的顏色數(shù)值，而border-style則控制邊框的效果，當(dāng)使用“solid”則為單一顏色的線形簡(jiǎn)單邊框。接下來(lái)我們?cè)賹⑸鲜稣Z(yǔ)法擴(kuò)展一下，就可以獲得具有立體效果的彩色邊框。那么從何下手呢？其實(shí)就是在border-style后面使用不同的語(yǔ)法描述:Solid 簡(jiǎn)單線形邊框 Double 簡(jiǎn)單雙線邊框 Groove 溝線立體效果邊框 Ridge 脊線立體效果邊框 Inset 嵌入線立體效果邊框 Outset 浮出線立體效果邊框你可以在MSN Space日志中嘗試一下上面不同的語(yǔ)法，然后在預(yù)覽中觀看效果。通過(guò)定制邊框的方法再將上一教程添加色彩的語(yǔ)法嵌套其中，你就可以創(chuàng)造出具有立體效果的彩色日志背景。例如：<div STYLE="border-style:outset;border-width:2pt; border-color: blue">

<div style="width:100%;height:100%;background-color:#ffff00;">日志文字

</div></div>

效果演示：

日志文字

使用上述語(yǔ)法將會(huì)為你呈現(xiàn)一個(gè)黃底色紅邊框的浮出線效果背景，其實(shí)上述語(yǔ)法還有其他形式的簡(jiǎn)化寫法，這里不再贅述，只采用上述較直接易理解形式。對(duì)于背景邊框的四個(gè)邊你也可以按自己的需要進(jìn)行調(diào)整，以左邊框?yàn)槔?，你可以使用下述語(yǔ)法：

Border-left-style:solid (double, groove, ridge, inset, outset)定制邊框樣式

Border-left-color: #xxxxxx定制邊框顏色

Border-left-width: xpt 定制邊框粗細(xì)

其他三個(gè)邊框只要分別使用Right, Top, Bottom就可以了。將下面的語(yǔ)法放到你的日志中預(yù)覽一下，看一看是什么效果：

<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;

border-bottom-style:outset;background-color:#cc3366">日志文件</div>

效果演示：

你可以按照自己的想法隨意調(diào)整四個(gè)邊框的式樣，以便創(chuàng)造與眾不同的效果，記住一點(diǎn)，不同的屬性描述之間用 ; 隔開(kāi)。另外，你可能會(huì)注意到，當(dāng)你設(shè)置完邊框返回到日志文本編輯模式，在鍵入文字過(guò)程中如果使用回車鍵，就會(huì)又出現(xiàn)一個(gè)邊框，從而影響文字的連貫性，這是因?yàn)镠TML語(yǔ)法中不支持硬回車。要解決這個(gè)問(wèn)題，必須返回到HTML編輯模式，在需要回車的地方鍵入

，需要幾次回車就鍵入幾個(gè)

，然后再返回到文本編輯模式，你就會(huì)發(fā)現(xiàn)邊框背景內(nèi)已經(jīng)為你加入了回車后的效果。

★彩色邊框代碼★

它會(huì)在你的文字外圍生成一個(gè)紅色邊框，效果如框內(nèi)顯示。

border-style則控制邊框的效果

border-width控制邊框的粗細(xì)，

border-color調(diào)整邊框的顏色，

這里你仍然可以使用如#xxxxxx的顏色數(shù)值，而當(dāng)使用“solid”則為單一顏色的線形簡(jiǎn)單邊框。

★雙線框代碼★

效果如框內(nèi)，是帶背景色（熏衣草色）的簡(jiǎn)單雙線框。

顯示的效果是背景色為桃色的簡(jiǎn)單雙線框。效果如框內(nèi)所示，邊框的顏色是橙紅色#ff4500，框內(nèi)背景色為桃色#ffdab9。

顯示的效果是背景色為NAVAJO白的簡(jiǎn)單雙線框。效果如框內(nèi)所示，邊框的顏色是橙紅色#ff4500，框內(nèi)背景色為桃色#ffdead。

背景顏色為淡黃色#FFFFE0，效果如框內(nèi)所示。

這種雙線框的效果有若隱若現(xiàn)的感覺(jué)，框的顏色是淡珊瑚色#f08080，框內(nèi)背景的顏色是NAVAJO白#FFdead。效果如框內(nèi)所示。

這種雙線框的效果有若隱若現(xiàn)的感覺(jué)，框的顏色是淡珊瑚色#f08080，框內(nèi)背景的顏色是淡黃色#FFFFE0。效果如框內(nèi)所示。

★立體線框代碼★

效果如框內(nèi)所示，是帶背景色（熏衣草色）的浮出立體線框，代碼中的#E6E6FA是背景的顏色（熏衣草色）

背景為粉紅色，效果如框內(nèi)所示。

背景為桃色，效果如框內(nèi)所示。

立體效果的彩色邊框是在border-style后面使用不同的語(yǔ)法描述：

Solid 簡(jiǎn)單線形邊框 Double 簡(jiǎn)單雙線邊框 Groove 溝線立體效果邊框 Ridge 脊線立體效果邊框 Inset 嵌入線立體效果邊框 Outset 浮出線立體效果邊框。

通過(guò)定制邊框的方法再將上一教程添加色彩的語(yǔ)法嵌套其中，你就可以創(chuàng)造出具有立體效果的彩色日志背景。如：

使用上述語(yǔ)法將會(huì)為你呈現(xiàn)一個(gè)NAVAJO白底色紅邊框的浮出線效果背景，效果如框內(nèi)顯示。

顯示的效果是背景色為桃色的立體線框。效果如框內(nèi)所示，框內(nèi)背景色為桃色#ffdab9。

對(duì)于背景邊框的四個(gè)邊你也可以按自己的需要進(jìn)行調(diào)整，以左邊框?yàn)槔?，你可以使用下述語(yǔ)法：

Border-left-style:solid (double, groove, ridge, inset, outset)定制邊框樣式 Border-left-color: #xxxxxx定制邊框顏色 Border-left-width: xpt 定制邊框粗細(xì)

其他三個(gè)邊框只要分別使用Right, Top, Bottom就可以了。將下面的語(yǔ)法放到你的日志中預(yù)覽一下，看一看是什么效果：（效果這里就不給出來(lái)了，有興趣的可以回去試一下。）

你可以按照自己的想法隨意調(diào)整四個(gè)邊框的式樣，以便創(chuàng)造與眾不同的效果，記住一點(diǎn)，不同的屬性描述之間用 ; 隔開(kāi)。另外，你可能會(huì)注意到，當(dāng)你設(shè)置完邊框返回到日志文本編輯模式，在鍵入文字過(guò)程中如果使用回車鍵，就會(huì)又出現(xiàn)一個(gè)邊框，從而影響文字的連貫性，這是因?yàn)镠TML語(yǔ)法中不支持硬回車。要解決這個(gè)問(wèn)題，必須返回到HTML編輯模式，在需要回車的地方鍵入<br>，需要幾次回車就鍵入幾個(gè)<br>，然后再返回到文本編輯模式，你就會(huì)發(fā)現(xiàn)邊框背景內(nèi)已經(jīng)為你加入了回車后的效果。

★實(shí)線、雙線、外凸、虛線代碼★

1

style="BACKGROUND-COLOR:#FF00000：底色－紅色 color="#FFFFFF"：文字顏色－白色

2 加線框：

1px：框線寬度－ 1 點(diǎn) dashed：框線式樣－虛線 #000000：框線式樣－黑色 background-color:#FFFFE0：背景顏色－淡黃

可是　有時(shí)候　寂寞如海嘯般襲來(lái)　令人窒息　無(wú)處可躲　　　深陷孤單的深淵中　無(wú)助　無(wú)力　只剩寒冷　黑暗　　一個(gè)人承擔(dān)　一個(gè)人等待陽(yáng)光…

<DIV style="BORDER-RIGHT: #f08080 1px dashed; BORDER-TOP: #f08080 1px dashed; BORDER-LEFT: #f08080 1px dashed; BORDER-BOTTOM: #f08080 1px dashed; BACKGROUND-COLOR: #ffdab9">文字</DIV>效果是框線顏色為淡珊瑚色#f08080，寬度為1，背景色為桃色#ffdab9的虛線框。

<div style="border: 3px dashed #f08080;background-color:#FFFFE0">文字</div> 效果是框線顏色為淡珊瑚色#f08080，寬度為3，背景色為淡黃色#FFFFE0的虛線框。

效果是框線寬度為3顏色為桃色#ffdab9，背景色為淡黃色#FFFFE0的實(shí)線框。

背景色為淡黃色的外凸效果