資料匯存(4)關於圖片的代碼:

圓圖代碼:<div align="center"><div id="circle"></div><style contenteditable="true"><!--#circle{width: 30px;height: 30px;color: black;border-radius: 100px;border:3px Black solid;}--></style></div>圓圖代碼:<div align="center"><div id="perfect-circle"></div><style contenteditable="true"><!--#perfect-circle{width: 30px;height: 30px;background-color: red;color: white;text-align: center;border-radius: 100px;} --></style></div><div align="center"><div id="circle"><br><table cellspacing="2" cellpadding="5"><tbody><tr><td><font style="font-size: 18px; font-family: 宋體, SimSun;" color="#006400"><b>【本圖代碼】</b></font></td></tr></tbody></table></div><style contenteditable="true"><!--#circle{width: 610px;height: 410px; background-color: CornflowerBlue;color: black;border-radius: 20px;border:3px MidnightBlue solid;}--></style></div>關於圖片的代碼:鏈接:<A href="網址、圖址" target=_blank>鏈接代碼:</a>貼圖: <img src="圖片地址"> (這一導入圖片的代碼沒有放大縮小的功能)貼圖: <IMG style="WIDTH: 81px; HEIGHT: 80px" src="圖片地址" border=0><img src="https://www.getit01.com/getimg_360.php?url=http://image67.360doc.com/DownloadImg/2013/11/1913/36824965_15.jpg" style="border: 0px; width: 630px; height: 300px;"><div style="LEFT: 30px; WIDTH: 560px; POSITION: absolute; TOP: 90px"><font style="line-height: 1.6em; font-size: 21px; font-family: 宋體, SimSun;" color="#000000">在縮放圖片上寫字代碼:</font></div><br><center><table style="background-position: -1px -390px;" id="table2" cellpadding="6" border="1" width_="660" background="http://image67.360doc.com/DownloadImg/2013/11/1705/36760145_10.gif" height="260"><tbody><tr><td><div style="text-indent: 42px;"><font style="line-height: 1.6em; font-size: 21px; font-family: 宋體, SimSun;" color="#cfffff">在切割圖片上寫字代碼:</font></div></td></tr></tbody></table></center><br><table bordercolor="#0000ff" height="550" cellspacing="0" cellpadding="0" width_="900" background="http://image75.360doc.com/DownloadImg/2014/06/1803/42687623_6.jpg" border="1"><tbody><tr><td style="LINE-HEIGHT: 1.6em; LETTER-SPACING: 1px"><div class="divBorderStyle" style="LEFT: 130px; WIDTH: 650px; POSITION: absolute; TOP: 90px; HEIGHT: 400px"><font style="line-height: 1.6em; font-size: 21px; font-family: 宋體, SimSun;" color="#cfffff">在背景圖片上寫字代碼:</font></div></td></tr></tbody></table>將圖並列代碼:<CENTER><DIV><IMG src="圖片地址" width_=70><IMG src="圖片地址" width_=70> <IMG src="圖片地址" width_=70></DIV></CENTER><A href="圖片地址" target=_blank><IMG title=2009年 height=50 alt=不顯示 src="地址同上" width_=50>點擊放大</A>左右顛倒<img src="圖片地址" style="filter:fliph">上下顛倒<img src="圖片地址" style="filter:flipv">留空白:<imgsrc="圖片地址"vspace=上下留hspace=左右留><FONT style="FONT-SIZE: 12pt; COLOR: green; FONT-FAMILY: Webdings">}</FONT>圖標代碼(})<FONT style="FONT-SIZE: 12pt; COLOR: green; FONT-FAMILY: Wingdings">[</FONT>圖標代碼([)<FONT style="FONT-SIZE: 14pt; COLOR: green; FONT-FAMILY: Wingdings">}~</FONT>圖標代碼(}~)<DIV class=divBorderStyleRelative style="LEFT: 50px; WIDTH: 540px; POSITION:absolute; TOP: 20px; HEIGHT: 50px">絕對定位代碼</DIV>(絕對定位改相對定位,把absolute修改為 relative即可)


推薦閱讀:

clang-format 格式宏代碼引起的 Bug
用代碼製作閃字效果
專註寫代碼的程序媛和外面那群妖艷賤貨果然不一樣!
用代碼寫的漂亮字體
空間留言代碼

TAG:圖片 | 代碼 | 關於 |