VML画平滑圆角框

最新推荐文章于 2021-08-03 23:33:15 发布

杰欧奕

最新推荐文章于 2021-08-03 23:33:15 发布

阅读量90

点赞数

分类专栏： HTML 文章标签： IE XHTML HTML

本文链接：https://blog.csdn.net/ylz4647/article/details/83435885

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns:v xmlns="http://www.w3.org/1999/xhtml"> 
	<head> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>VML画平滑圆角框</title> 
		<style> 
			v\:*{behavior:url(#default#VML);display:inline-block;} 
			body{ background-color:#99FFFF;font-size:12px;} 
			.circle{ height:130px; width:300px; padding-top:8px; margin:0px auto; z-index:2; margin-left:340px; } 
			h1{border-bottom:2px red solid;font-size:12px;margin:4px;text-indent:1em;height:20px;} 
			div{font-size:12px;padding:10px;} 
		</style> 
	</head> 
	<body> 
		<v:roundrect id="roundbox" class="circle" strokecolor="blue" strokeweight="2px" arcsize="0.08"> 
			<h1>VML画平滑圆角</h1>
			<div class="t1"> 使用IE专用的VML来画平滑圆角框，还可以画出阴影效果。就其图形表现来说，是非常完美的。 </div> 
			<v:shadow on="t" color="#777" opacity="52428f" offset="1.5pt,1.5pt"/> 
		</v:roundrect> 
	</body>
</html>