现在的位置:首页>wordpress>正文

改善用户体验,给你的网站图像加边框

2012年12月26日 ⁄ 共 685字 暂无评论

像福利老幺刚开始做站,用wordpress程序,写文章时如果遇到要插入图片的话,都是直接在后台中的"添加媒体"按钮上上传图片的.至于美不美观,不在我的考虑范围之内,所以导致网站的用户体验效果较差,为什么呢,因为网站内的一部分图片和文章内容中的文字看上去不是很和谐,这样就会给人一种网站做到不好的想法,而当我们在自已的网站图片上传到你的空间上,做一点小改动时,效果就会完全不一样.先来看一个图像没有加边框的实例,如下图:

biankuang2

可以看到上图中文本和图片没有明显的分界,所示看上去特别不自然.常见的图片边框格式如下:

1、border: 1px outset #F00;

2、border: 1px solid red;

3、border: solid medium #999;等等……

那我们的样式代码加在哪里呢,在你的wordpress后台写文章时,我们在文本编辑下找到如下图所示:

biankuang1

福利老幺选择的是一种加了阴影效果的样式,如果您对福利老幺的样式感兴趣,也可以采用福利老幺当前的样式,代码是style="border: 4px ridge #cccccc;"

至于颜色什么的,#F00用来定义边框的颜色,可以用十六进制的颜色代码,如#00ffcc,您可以自已在CSS中慢慢修改,直到你自已满意为止.

当然,你也可以利用第三方软件来制做图片的边框,例如大家都在说的用photeshop软件,另外还有一些其它的图像软件,不过相对要麻烦一点.有时候想想,要是没有这个边框,你看福利老幺这篇文章中的图片就能知道,下面没有什么东西可以将文本和图片分开,真是有够验难看的,所以为了给用户一个好的体验,给你的网站的图像加个边框吧!

给我留言