日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

圖片/文字修飾效果與代碼

 非草 2010-03-01

單線框
<center><img src="圖片地址" style="border:3 solid #ff0000"><br><br><br></center>

雙線框
<center>
<img src="圖片地址" style="border:5 double green"><br><br><br></center>

凸出框
<center>
<img src="圖片地址"style="border:25 outset #ff88ff"><br><br><br></center>

 凹進(jìn)框
<center> <img src="圖片地址" style="border:25 inset #ff88ff"><br></center>

郵票框
<center>
<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=600 height=450 align=center valign=middle><img src="圖片地址"></td></tr></table></center>

 代碼如下:
<CENTER>
<TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56>
<TBODY>
<TR>
<TD vAlign=center align=middle width=600 bgColor=#aeffae height=450>
<P align=left><IMG src="圖片地址"></P></TD></TR></TBODY></TABLE></CENTER>

虛線框
<CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="圖片地址"><BR><BR><BR></CENTER>

凹槽框
<center>
<img src="圖片地址" style="border:25 groove green" border="0"><br><br><br></center>

脊?fàn)羁?
<center>
<img src="圖片地址" style="border:25 ridge green" border="0"><br><br><br></center>


 
立體陰影框
<center>
<table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">
<tr><td bgcolor="#ffffff" align=center valign=middle><img src="圖片地址"></td></tr></table></center>

代碼轉(zhuǎn)換如下:
<CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=400 border=2>
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#ffffff><IMG src="圖片地址"></TD></TR></TBODY></TABLE></CENTER> 

10。陰影框
<center><img src="圖片地址" style="filter:shadow(color=#32cd32)"></center>

橫向漸變透明
<center><img src="圖片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

 

圓形漸變透明
<center><img src="圖片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

 

X形漸變透明
<center><img src="圖片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center> 
 
改變某種顏色
<center><img src="圖片地址"style="FILTER: Chroma(Color=RED)"></center>

 

黑白效果
<center><img src="圖片地址" style="filter:'gray'"></center>


 
X光效果(底片)
<center><img src="圖片地址" style="filter:'xray'"></center>

 

浮雕效果
<center><img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

 

上下顛倒
<center><img src="圖片地址" style="filter:flipv">

 

左右顛倒
<center><img src="圖片地址" style="filter:fliph"></center>



色彩顛倒
<center><img src="圖片地址" style="filter:invert"></center>

 

粒狀陰影
<center><img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>

 

模糊效果
<center><img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>

 
 
水波效果(風(fēng)吹)
<center><img src="圖片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

 

Space 簡(jiǎn)易教程—— 文字格式與分隔線
(一)基本字體格式
在 Live Spaces 日志編輯工具條上,有三個(gè)用于修改日志文字格式的按鈕:I U,分別代表了“粗體”、“斜體”、“下劃線”不同文字格式。其實(shí)用 HTML 語句,也可以作出同樣的效果,甚至可以做出“刪除線”的效果。請(qǐng)看下面的實(shí)例:
 
正常字符效果:Welcome to aTiger‘s Space!
粗體字符效果:Welcome to aTiger‘s Space!
語句:<STRONG>Welcome to aTiger‘s Space!</STRONG>
     <B>Welcome to aTiger‘s Space!</B>
斜體字符效果:Welcome to aTiger‘s Space!
語句:<EM>Welcome to aTiger‘s Space!</EM>
     <I>Welcome to aTiger‘s Space!</I>
下劃線效果:Welcome to aTiger‘s Space!
 
語句:<U>Welcome to aTiger‘s Space!</U>
刪除線效果:Welcome to aTiger‘s Space!
語句:<STRIKE>Welcome to aTiger‘s Space!</STRIKE>
 
以上實(shí)例全部在 Internet Explorer 6.0 瀏覽器中測(cè)試通過,對(duì)于不同的瀏覽器顯示效果可能會(huì)略有差異。
 
(二)上標(biāo)<SUP>和下標(biāo)<SUB>
以前想在 MSN Space 上表示出上標(biāo)或下標(biāo),往往是用插入特殊字符來表示上標(biāo),通過改變字體大小來寫下標(biāo)?,F(xiàn)在有了上標(biāo)和下標(biāo)這兩個(gè)語句,就可以在網(wǎng)頁上寫出真正的上標(biāo)和下標(biāo)了,而且上標(biāo)和下標(biāo)所能使用的字符大大拓寬了。尤其是對(duì)上標(biāo)來說,很多特殊字符中沒有的文字符號(hào),以前無法實(shí)現(xiàn)的,現(xiàn)在都變?yōu)榭赡堋U?qǐng)看實(shí)例:
 
    特殊字符效果: 25²     aTiger      Haire®
    上標(biāo)語句效果: 252     aTigerTM      Haire®
    上標(biāo)語句: <sup>上標(biāo)字符</sup>
    改變字體大小效果: H2O     A1      謎語答案
    下標(biāo)語句效果:        H2O     A1      謎語答案
    下標(biāo)語句: <sub>下標(biāo)字符</sub>
這樣就可以在日志中寫入數(shù)學(xué)公式、化學(xué)方程式等: A1X2A2XA3 =0
 
(三) 水平線/分隔線<HR>
以前不少朋友常常通過在日志中插入一長(zhǎng)條形圖片來實(shí)現(xiàn)內(nèi)容的分隔,而網(wǎng)上也出現(xiàn)了很多收藏各式各樣分隔線圖片的日志?,F(xiàn)在 Live Spaces 允許使用水平線語句<HR>之后,一切變得簡(jiǎn)單了。雖然水平線可能沒有圖片那么動(dòng)感實(shí)足、樣式豐富,但是也能通過語言控制,變得色彩繽紛,起到分隔內(nèi)容、裝點(diǎn)日志的效果。
 
1、普通分隔線:<hr> 

 
2、分隔線寬度屬性:<hr width=50%> 或者 <hr width=250> (寬度為實(shí)際點(diǎn)數(shù)或百分比) 

 
3、分隔線位置屬性:<hr align=right width=50%> (位置分為 Left、Center、Right 三種)
 

 
 
4、分隔線厚度屬性:<hr style="height:10px"> (奇怪,height=10 似乎不能起到效果)

 
5、分隔線無陰影屬性:<hr style="height:10px" noshade>

 
6、分隔線彩色屬性:<hr color=red> 或者 <hr color=#FF0000> (顏色可調(diào))

 
7、漸變顏色的分隔線:
<hr style="filter:alpha(opacity=5,finishopacity=100,style=1);height:10px" color=green>

<hr style="filter:alpha(opacity=100,finishopacity=5,style=1);height:10px" color=blue>

 
8、中心透明的分隔線:
<hr style="filter:alpha(opacity=0,finishopacity=100,style=2);height:12px" color=orange>

 <hr style="filter:alpha(opacity=0,finishopacity=100,style=3);height:12px" color=#FF00FF>

 
9、中心不透明的分隔線:
<hr style="filter:alpha(opacity=100,finishopacity=0,style=2);height:15px" color=yellow>

 <hr style="filter:alpha(opacity=100,finishopacity=0,style=3);height:15px" color=#00FFFF>

 
10、波浪線:
<hr style="filter:wave(strength=9,freq=2,lightstrength=20,phase=9);height:15px" color=pink width=95%>

 
11、三色線:
<hr style="border-top: #ff0000 solid; color: #00ff00; border-bottom: #0000ff solid; height: 9px">

 
12、虛線:
<hr style="border-top: 2px dashed; border-bottom: 2px dashed; height: 2px" color=black>
 

 13、豎線:
<hr style="height:100px; width:4px" color=orange>
<hr style="filter:alpha(opacity=100,finishopacity=5,style=2); height:100px; width:5px" color=navy>
<hr style="filter:alpha(opacity=0,finishopacity=100,style=2);height:100px; width:4px" color=red>




給日志加花邊的代碼
 
http://bbs./fileuploaddir/4B257549075.gif
http://bbs./fileuploaddir/4B257553753.gif
http://bbs./fileuploaddir/4B257556305.gif
http://bbs./fileuploaddir/4B257558094.gif
http://bbs./fileuploaddir/4B257561172.gif
http://bbs./fileuploaddir/4B257569575.gif
http://bbs./fileuploaddir/4B257576477.gif
http://bbs./fileuploaddir/4B257578069.gif
http://bbs./fileuploaddir/4B257585647.gif
http://bbs./fileuploaddir/4B257585647.gif
http://bbs./fileuploaddir/64187833719.gif
http://bbs./fileuploaddir/64187796235.gif
http://bbs./fileuploaddir/64187804811.gif
http://bbs./fileuploaddir/4B2686448.4.gif
http://bbs./fileuploaddir/4B2688117.1.gif
http://bbs./attachment/Type_gif/52_186927.gif
http://bbs./attachment/Type_gif/52_186925.gif
http://bbs./attachment/Type_gif/52_186915.gif
http://bbs./attachment/Type_gif/52_186911.gif
http://bbs./attachment/Type_gif/52_186910.gif
http://bbs./attachment/Type_gif/52_186909.gif
http://bbs./attachment/Type_gif/52_186908.gif
http://bbs./attachment/Type_gif/52_186907.gif
http://bbs./attachment/Type_gif/52_186906.gif
http://bbs./attachment/Type_gif/52_186905.gif
http://bbs./attachment/Type_gif/52_186904.gif
http://bbs./attachment/Type_gif/52_186903.gif
http://bbs./attachment/Type_gif/52_186901.gif
http://bbs./attachment/Type_gif/52_186900.gif
http://bbs./attachment/Type_gif/52_186898.gif
http://bbs./attachment/Type_gif/52_186897.gif
http://bbs./attachment/Type_gif/52_186896.gif

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

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約