<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="test">文字描边</div>
<style>
.test{
color: orange
font-size: 50px
text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0
-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0
-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0
}
</style>
</body>
</html>
不兼容IE10以下版本,其它各大浏览器没问题。
哎,我好像回答过你的问题。单纯用HTML时用border属性定义,<img border="1" width="" height="" alt="名称" src="路径" />
如果用CSS的话能做得更丰富 img{ border:1px solic #fff} solid是边框样式,还有dotted dashed等样式。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)