`
ylz4647
  • 浏览: 49935 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

VML画平滑圆角框

    博客分类：
  • HTML
IEXHTMLHTML 
阅读更多 

<!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>
 
分享到：
| 德鲁克管理学家詹文明：职业经理人的五大工 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS实现绝对的完美圆角框.docx

    【CSS实现绝对的完美圆角框】 在网页设计中，圆角框因其优雅的外观而备受青睐，然而在不同浏览器间实现圆角框的兼容性却一直是开发者面临的一大挑战。本文将详细介绍四种主流的CSS圆角框实现方法，旨在提供一个全面...

    CSS实现绝对的完美圆角框

    最后，VML（Vector Markup Language）在IE浏览器中可以用来绘制圆角，它提供了一种无图片、平滑且可设置阴影边框的圆角框实现方式。VML圆角半径可自由调整，重用性强，颜色设置灵活，结构无冗余，圆角平滑。然而，它...

    CSS圆角框-免费下载

    - 适用于需要平滑圆角且背景色单一的网页设计。 **示例链接：**[http://www.cssplay.co.uk/boxes/curves.html](http://www.cssplay.co.uk/boxes/curves.html) #### 四、图片圆角框 **1. 特点：** - 通过使用四...

    div圆角代码 非常简单的圆角代码

    VML是Internet Explorer浏览器的专有矢量图形技术，可以创建平滑圆角，兼容性仅限IE，但可以方便地调整圆角半径，颜色和阴影。缺点是不跨浏览器，不适合渐变背景和非IE环境。 5. **利用私有属性绘制圆角（Firefox ...

    CSS+Jquery实现页面圆角框方法大全

    使用Internet Explorer浏览器专用的Vector Markup Language (VML)技术来绘制圆角框，这种方法可以实现平滑无锯齿的圆角效果，并且支持阴影效果。然而，它的兼容性仅限于IE系列浏览器，对于非IE浏览器，圆角框将无法...

    css圆角.docx

    【CSS实现圆角框】是网页设计中一个重要的技术，主要目标是创建具有美观圆角的元素，同时保证跨浏览器的兼容性和代码的简洁性。本文将深入探讨四种常见的CSS圆角框实现方法。 1. **无图片纯CSS圆角框**： - **优点...

    css3 支持ie8以下圆角

    在CSS3中，圆角边框的引入是一个重要的特性，它允许开发者为元素创建具有平滑曲线边缘的外观，显著提升了网页设计的视觉效果。在标题"css3 支持ie8以下圆角"和描述"DIVCSS5圆角实例，CSS3版本圆角实例，支持低版本IE...

    jQuery Canvas Rounded Corners - jQuery圆角插件

    在提供的文件列表中，`newExcanvas.js`是一个用于解决IE6-8等旧版IE浏览器不支持Canvas的问题的库，它使用VML（Vector Markup Language）来模拟Canvas功能。而`jquery.corners.js`则是jQuery圆角插件的主要脚本，它...

    解决IE不兼容css3圆角和阴影问题

    圆角可以通过`border-radius`属性实现，它允许我们将直角边框转变为平滑的曲线边缘，为元素添加更为柔和的外观。阴影则由`box-shadow`属性控制，可以为元素添加立体感，增加视觉层次。这两个属性在现代浏览器中广泛...

    CSS3 圆角效果

    CSS3的圆角效果是网页设计中的一种常见样式，它使得元素的边界不再是传统的直角，而是具有平滑的弧度，从而提升了界面的视觉吸引力和用户体验。在标题和描述中提到，通过CSS3的`border-radius`属性，开发者可以轻松...

    IE兼容css3圆角的实现代码

    在现代网页设计中，CSS3引入了许多新的特性，其中之一就是圆角边框，它使得网页元素的边缘可以呈现平滑的圆形或椭圆形。然而，IE浏览器（尤其是IE8及以下版本）并不直接支持CSS3的`border-radius`属性，这给开发者...

    jquery curvycorners2

    jQuery CurvyCorners2是一款优秀的JavaScript库，专门用于为HTML元素添加动态、平滑的圆角效果，无需依赖CSS3的border-radius属性，因此在不支持该属性的老版本浏览器中也能正常工作。本文将深入探讨jQuery ...

    CSS圆角效果（无背景图片）

    在网页设计中，CSS圆角效果是常见的视觉优化手段，它可以为元素添加平滑的边缘，使得用户界面更加美观和现代。"CSS圆角效果（无背景图片）"的主题着重于如何利用纯CSS和JavaScript技术来实现这一效果，而无需依赖...

    CSS教程：CSS3圆角属性

    遗憾的是，Internet Explorer和Opera浏览器在特定版本中并不支持私有的圆角属性，因此在这些浏览器上实现圆角可能需要额外的解决方案，例如使用VML（Vector Markup Language）或图片背景。 尽管存在兼容性问题，但...

    兼容IE6/7/8的解决方案之pie.htc

    "pie.htc"是Progressive Internet Explorer (PIE) 的一部分，它是一种行为（Behavior）组件，使用了微软特有的Vector Markup Language (VML) 来模拟实现CSS3的一些特性，如圆角、阴影、渐变等。这种技术的核心理念是...

    网页特效库2006代码

    例如，一个常见的JavaScript特效是图像轮播，通过改变图像的显示顺序或利用透明度变化来实现平滑的过渡效果。 二、CSS样式 CSS在2006年已经相当成熟，是构建网页布局和样式的重要工具。这个特效库可能包含了各种CSS...

    兼容IE的C3

    2. **渐变（gradients）**：CSS3提供了线性渐变（linear-gradient）和径向渐变（radial-gradient）两种方式，让背景色可以平滑过渡。对于IE，可以使用滤镜（filter）或者CSS渐变图片作为备选方案，例如使用`-ms-...

Magicbox
Global site tag (gtag.js) - Google Analytics