要用div+css实现在照片上添加有描边的字 应该怎么处理

html-css024

要用div+css实现在照片上添加有描边的字 应该怎么处理,第1张

<div style="border:#096 solidwidth:440">

<img src="*.jpg" width="440" height="247" />

</div>

<style type="text/css">

body { font-size:12pxfont-family:Arial, Helvetica, sans-serif

filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100)

background-color:#666666

}

.sizscolor {

position:absolute

padding:4px

filter:

Dropshadow(offx=1,offy=0,color=white)

Dropshadow(offx=0,offy=1,color=white)

Dropshadow(offx=0,offy=-1,color=white)

Dropshadow(offx=-1,offy=0,color=white)

text-shadow:0 0 1px #FFF

}

</style>

</head>

<body>

<span>ie用滤镜，火狐用css3</span>

<br />

<div class="sizscolor">中文描边效果</div>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>文字描边</title>

<style>

.text{

/* -webkit-box-reflect: below*/

-webkit-text-stroke:1px #f00

font-size:50px

font-weight: bold

font-family: "微软雅黑"

width: 900px

height: 200px

line-height: 200px

margin:50px auto

text-align: center

}

</style>

</head>

<body>

<div class="text">用我三生烟火，换你一世迷离</div>

</body>

</html>

希望可以帮到你  望采纳