如何使图片边框虚化?

html-css09

如何使图片边框虚化?,第1张

实现的方法和详细的操作步骤如下:

1、首先,打开要处理的文档,如下图所示。

2、其次,双击文档中的图片,此图片的初始状态如下。

3、接着,双击图片后,在界面右侧出现设置图片格式的窗口,展开“柔化边缘”选项,将大小根据实际情况要求进行设置,如下图所示。

4、最后,设置柔化边缘后,就达到了边框虚化的效果了,如下图所示。这样,以上的问题就解决了。

表格边框默认是以实线进行显示的,怎么才能把它变成虚线呢?其实很简单只要简单加一些样式属性便可搞定,希望下面的例子对大家有所帮助

复制代码

代码如下:

<style>

.table5{text-align:center

border:1px

solid

#cccccc

border-radius

:3px

background-color:#FFFFFF

width:650px}

.table5

td{border-bottom:1px

dashed

#cccccc}

.table5

.last

td{border-bottom:0}

</style>

复制代码

代码如下:

<table

width="100%"

border="0"

cellpadding="2"

cellspacing="0"

class="table5">

<tr

>

<td

colspan="4"></td>

</tr>

<tr

>

<td

width="4%"><img

src="images/greendot.jpg"

width="4"

height="4"

/></td>

<td

width="17%"

class="text-fl">萍水相逢</td>

<td

width="63%"

align="center"

class="text-fl">消费10个金币,对换10元手机费</td>

<td

width="16%"

align="center"

valign="middle">2013.01.20</td>

</tr>

<tr

class="last">

<td

><img

src="images/greendot.jpg"

/></td>

<td

class="text-fl">M萍水相MM</td>

<td

align="center"

class="text-fl">消费500积分,对换500粉丝</td>

<td

align="center"

valign="middle">2013.01.20</td>

</tr>

<tr

>

<td

colspan="4"></td>

</tr>

</table>

首先你这个原图上不能有边框,因为css是不能改变图片的本身属性的

然后在页面中插入图片之后,再定义图片的边框例如 img{border:#000 solid 1px}

光标划过img:hover{border:#000 dooted 1px}

但是IE6是不支持除a标签之外的元素的hover事件的,尽量用js