自从拥有自己的博客后,从单纯的文字写作到加入插图,继而学做网页,博客的页面渐渐变得漂亮起来。博客的制作真的是学无止境,且乐在其中。这里我介绍一下,怎样用html代码给自己的图片加出各种漂亮的相框。
使用方法:点“<>”加入代码,换上你的图片网址,适当调整宽度和颜色,就可以让你的图片锦上添花!
下面是代码:
原图:
1、简单线框
<img src="图片地址" style="border:5 solid #970037">
效果:
2、双线框
<img src="图片地址" style=" border:7 double #970037">
效果:
3、虚线框
<img src="图片地址" style=" border:3 dashed #970037">
效果:
4、凸出框:
<img src="图片地址" style="border:10 outset #970037">
效果:
5、嵌入框:
<img src="图片地址" style="border:15 inset #970037">
效果:
6、脊状框:
<img src="图片地址" style="border:15 ridge #970037">
效果:
7、凹槽框
<img src="图片地址" style="border:15 groove #970037">
效果:
喜欢的朋友可以采用哦!
评论