一、【凸出图框示例】
二、【凸出图框代码】 <P align=center><IMG style="BORDER-RIGHT: #3b9bff 30px inset; BORDER-TOP: #3b9bff 30px inset; BORDER-LEFT: #3b9bff 30px inset; WIDTH: 400px; BORDER-BOTTOM: #3b9bff 30px inset; HEIGHT: 245px" src="http://image53.360doc.com/DownloadImg/2012/07/2516/25746009_1.bmp"></P> 三、【凸出图框代码释义】 【1】、align=center---表示内容居中;<img src="图片地址">---表示简单贴图;此例在img和src之间有很多代码,这是对图框的设定。 【2】、 #3b9bff---表示图框颜色; 30px---表示图框宽度,其中数值30可以增减; inset---表示图框是凸出框。 【3】、BORDER-RIGHT---表示右边框;BORDER-TOP---上边框;BORDER-LEFT---左边框;BORDER-BOTTOM---下边框。 【4】、WIDTH: 400px;HEIGHT: 245px----设定的图片尺寸。 【5】、蓝色的地址是图框内这张图片的地址。 四、【代码使用方法】 1、代码复制即可使用,方法如下。 2、进入写日志状态,点击工具条上的“源代码”符号“<>”,进入代码“编辑页面”。 3、复制上面的代码,粘贴在“编辑页面”。 4、把代码中蓝色的地址改成你喜欢的图片地址,点击下面的【发表日志】,OK! 就是你的杰作。试试吧 五、如果图片是竖立的,只要将代码中的图片尺寸更改即可。【下图:WIDTH: 120px;HEIGHT: 249px】 六、图框内写日志 除了在图框内贴图,也可以在图框内写日志。
【此图框代码】: <P align=center> 【代码释义】: 1、把原来的图框代码镶嵌在一个表格中,只设定一个宽度WIDTH: 600px即可【600可随意增减】,高度会随着内容多少自动调整。 2、其他代码释义可以参照前面。 |
|