`
Anny
  • 浏览: 39182 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

网页上 圆角的制作

HTML 
阅读更多

<html  xmlns:v> 
<style> 
v\:*{behavior:url(#default#VML)} 
</style> 
 
      <v:RoundRect  style="position:relative;width:150;height:240px"  arcsize=0.5> 
        <v:shadow  on="T"  type="single"  color="#b3b3b3"  offset="3px,3px"/> 
        <v:TextBox  style="font-size:10.2pt;">VML</v:TextBox> 
        </v:RoundRect>

</body>

</html>

 

这是我最近见到的最简单的一种方法！

VML的全称是Vector Markup Language(矢量可标记语言)，矢量的图形，意味着图形可以任意放大缩小而不损失图形的质量，这在制作地图上有很大用途。

分享到：
评论
发表评论

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

相关推荐

    网页圆角图片制作软件

    网页圆角图片制作软件是专为提升网页设计美感而设计的一款实用工具，它允许设计师轻松地将方形图片转化为具有圆角效果的图像。在网页设计中，圆角图片经常被用来增加界面的友好性和现代感，减少视觉冲击，使整体布局...

    网页中制作精美圆角表格

    ### 网页中制作精美圆角表格 在网页设计中，通过添加圆角效果可以使网页元素更加柔和、美观，从而提升用户体验。本文将详细介绍两种常见的制作圆角表格的方法：一是利用图片制作圆角表格；二是利用VML技术实现。 #...

    圆角框的制作

    通过不断练习和实验，你将能够熟练掌握圆角框的制作，并在网页设计中创造出各种独特而美观的效果。 总之，CSS圆角框是现代网页设计中的重要组成部分，通过合理运用`border-radius`以及相关的CSS属性，我们可以创建...

    CSS圆角制作器 v1.0

    《CSS圆角制作器 v1.0——打造流畅的现代网页视觉体验》 在Web设计领域，CSS（层叠样式表）是不可或缺的一部分，它赋予了HTML元素丰富的样式和布局能力。随着技术的发展，CSS3的引入带来了诸多新特性，其中圆角边框...

    网页中圆角矩形的制作

    网页的色彩，网页设计技巧，尺寸测量等技巧

    一张图片制作网页圆角代码很简单(整理)

    网页圆角是网页设计中的一种常见视觉效果，它使得页面元素的角落看起来更加柔和，减少了生硬感，提升了用户体验。在HTML和CSS技术的发展中，实现网页圆角的方法也不断进化，从早期的图片背景技巧到现在的纯CSS解决...

    CSS Sprites 圆角制作教程

    【圆角制作】在CSS3之前，由于浏览器对CSS2.1标准的支持限制，创建圆角通常需要使用一些技巧。本教程采用的方法是通过四个具有不同圆角的图像（左上、右上、左下、右下），并利用CSS的绝对定位将这些图像作为背景...

    圆角框栏目制作

    在IT行业中，圆角框栏目制作是一个常见的设计需求，它涉及到前端开发，特别是网页布局和样式设计。在本文中，我们将深入探讨如何实现这样的效果，同时也会提及一些实用的工具来帮助我们完成任务。 首先，我们需要...

    SVG制作圆角矩形代码

    总的来说，SVG制作圆角矩形的代码是利用SVG的`&lt;rect&gt;`标签结合`rx`和`ry`属性实现的，这一技术广泛应用于网页设计和其他需要矢量图形的领域。提供的`circlerect.svg`和`circlerect.html`文件为开发者提供了一个可以...

    圆角制作的三种不同的方法

    在网页设计中，创建圆角效果是常见的需求，它可以为元素添加更加柔和和现代的视觉感受。本教程将深入探讨CSS实现圆角效果的三种不同方法。...通过学习和实践这些示例，你将更好地掌握CSS圆角制作的技巧。

    JavaScript 制作div圆角

    JavaScript制作div圆角是网页开发中的常见需求，它可以通过CSS3的border-radius属性来实现，但在某些不支持此属性的老式浏览器中，我们可能需要借助JavaScript来达成目标。本篇文章将深入探讨如何利用JavaScript实现...

    CSS圆角边框制作代码

    总之，CSS3的`border-radius`属性使得创建圆角边框变得简单易行，通过灵活地设置不同角落的半径，我们可以创造出各种形状的圆角元素，提升网页的美观度和用户体验。同时，注意浏览器兼容性和适当的样式调整，能确保...

    ​web网页设计与制作期末作品期末考试项目

    本人大学web网页设计与制作课程总成绩94.5。本项目制作占期末65%，预估获得满分，最多扣了三五分。 压缩包内涵实现该项目所有素材及完整代码，可直接使用！ （因上传资源不可加图片 详细效果点我头像 web专栏里发布...

    快速制作圆角图片

    在IT行业中，制作圆角图片是一项常见的需求，特别是在网页设计、UI界面开发或者社交媒体图像制作等领域。圆角图片可以提供更柔和的视觉效果，提升整体设计的美感。本教程将详细讲解如何快速制作圆角图片，主要围绕...

    CSS制作圆角效果

    本篇文章将深入探讨如何利用CSS来创建圆角效果，这在现代网页设计中是非常常见且实用的技巧。 首先，我们了解CSS中实现圆角效果的主要属性——`border-radius`。这个属性允许我们将元素的边框转换为圆形或椭圆形，...

    圆角图标制作工具.zip

    在UI设计、网页制作或者应用程序开发中，圆角图标因其柔和的视觉效果和现代感，常常被广泛应用。这款工具的出现极大地简化了设计过程，让非专业设计师也能轻松制作出高质量的圆角图标。 首先，我们要了解圆角图标的...

    PHP实例开发源码-CSS圆角制作器 php版.zip

    在这个CSS圆角制作器中，PHP可以接收用户通过表单提交的圆角值，这些值可能是用户在界面上输入的数值或者通过滑块选择的。用户输入的数据通过`POST`方法发送到服务器，PHP通过`$_POST`全局数组来获取这些数据。 在...

    第二章 网页边框半径和网页圆角.docx

    在过去的网页设计中，为了制作圆角效果，设计师通常需要创建专门的PNG或SVG图片，并将它们作为背景应用到元素上，这种方法既耗时又不利于维护。然而，随着CSS3的普及，只需要几行CSS代码，就可以创建出具有圆角的...

    圆角图片、按钮制作利器

    本教程将深入探讨如何制作圆角图片和按钮，并提供一种强大的工具来帮助你实现这一目标。 首先，我们来了解一下什么是圆角图片。传统的矩形图片边缘锐利，而圆角图片则是通过在图片的四个角应用圆弧过渡效果，使其...

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