利用css3实现如下凸型字体

利用css3实现如下凸型字体

html:

<div class="box1">
	<h1>我也爱CSS3</h1>
</div>

css:

<style type="text/css">
	.box1{
		width: 600px;
		height: 180px;
		line-height: 180px;
		background-color: gray;
		color: grey;
	}
	.box1 h1{
		font-size: 80px;
		text-align: center;
		text-shadow: 1px 1px 1px black,-1px -1px 1px white;
	}
</style>

字体阴影

text-shadow: 1px 1px 1px black

阴影距离文字左1px和阴影距离文字上1px开始显示阴影效果，同时阴影大小范围为1px，阴影颜色为黑色（black #000）

text-shadow:-1px -1px 1px white

阴影距离文字左-1px和阴影距离文字上-1px开始显示阴影效果，同时阴影大小范围为1px，阴影颜色为白色