CSS3文本效果

HTML5学习 admin 516浏览

文本效果:CSS3包含多个新的文本特性属性:text-shadow,word-wrap

浏览器支持:Internet Explorer1O,Firefox、Chrome、Safari以及Opera支持text-shadow属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				width: 300px;
				border: 1px solid indigo;
			}
			.wrap{
				text-shadow: 1px -2px 1px #f00;
			}
			.box{
				word-wrap:break-word;
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			大漠孤烟直,长河落日圆。一望无垠的大漠,空旷而高远,壮阔而雄浑,当红日西坠,地平线尽头一片殷红,磅礴中亦有种苍凉感。上古的烽烟早已在岁月中逝去,黄河古道虽然几经变迁,但依旧在。楚风一个人在旅行,很疲惫,他躺在黄沙上,看着血色的夕阳,不知道还要多久才能离开这片大漠。
		</div>
		<div class="box">
			The lonely smoke in theaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa desert is straight, and the long river is setting the sun. The endless desert is empty and high, magnificent and majestic. When the red sun sets in the west, the end of the horizon is bright red
		</div>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		@font-face {
			font-family:myfamily;
			src: url(.ttf);
			src: url(.ept);/* 引用服务器地址的方式 */
		}
			body{
				font-family: myfamily;
			}
		</style>
	</head>
	<body>
		不知不觉间,雾霭渐重,蓝色缭绕,朦朦胧胧,笼罩了这片沙漠。大漠尽头,落日都显得有些诡异了,渐渐化成一轮蓝日,有种魔性的美,而火云也被染成了蓝色。楚风皱眉,虽然他知道,沙漠的天气最是多变,但眼前实在不太正常。一片寂静,他停下脚步。
	</body>
</html>

转载请注明:大灰牛博客 » CSS3文本效果