css3的圆角属性

本文探讨了CSS3如何帮助网页设计师通过简单的CSS属性来替代图片,从而减轻服务器请求压力并提高网页打开速度。重点介绍了边框圆角属性(border-radius)的使用方法,包括不同浏览器的支持及在不同浏览器下的应用技巧。此外,文章还讨论了如何在Internet Explorer等不完全支持CSS3特性的浏览器中实现圆角效果,并提供了相关解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  CSS3让网页设计者脱离图片,通过简单的CSS属性实现强大的页面展现。这样不仅仅减小了服务器的请求压力,同样也会使网页打开速度明显提高。

  border-radius这个属性,是标准的创建圆角的属性,全面的支持Chrome、FireFox和safari.通常我们的写法如下:

 

写道
border-radius: 10px; /* CSS3 Property */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Chrome/Safari */ -khtml-border-radius: 10px; /* Linux browsers */
 

 

 

这四个属性理解起来很简单。分别设置四个角的圆角弧度10px.你也能按照你的设计改变任何一个角的弧度,跟padding、margin一样,你能分别设置左上、右上、右下、左下四个角的弧度。

 

写道
/* Firefox */ -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 0;

 

 

 

 

也能将四个属性混合在一起使用。顺序为:

[左上] [右上] [右下] [左下]顺时针方向

 

写道
-moz-border-radius: 10px 20px 30px 0;

 

 

 

接下来,我们看在IE下面,这个属性的用法。前段设计者都知道,在写CSS时,IE是比较变态的。要作为特殊进行处理。然而CSS3仅有部分属性是支持IE9的,我们怎样才能让他在IE其他版本浏览器中无缝衔接呢?

 

  首先,要从Google Code下载一个 curved-corner.htc 文件,把他按照下面的属性的写法部署到主题包或者写在你的CSS样式文件中。

 

 

写道
.Corners {
behavior: url(Location of border-radius.htc file);
border-radius: 20px;
}

 

 

 

 

 

按照你的路径,修改部署到服务器上。这样,就可以在IE其他版本下,放心的使用CSS3的圆角属性了。。。

 

资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 “STC单片机电压测量”是一个以STC系列单片机为基础的电压检测应用案例,它涵盖了硬件电路设计、软件编程以及数据处理等核心知识点。STC单片机凭借其低功耗、高性价比和丰富的I/O接口,在电子工程领域得到了广泛应用。 STC是Specialized Technology Corporation的缩写,该公司的单片机基于8051内核,具备内部振荡器、高速运算能力、ISP(在系统编程)和IAP(在应用编程)功能,非常适合用于各种嵌入式控制系统。 在源代码方面,“浅雪”风格的代码通常简洁易懂,非常适合初学者学习。其中,“main.c”文件是程序的入口,包含了电压测量的核心逻辑;“STARTUP.A51”是启动代码,负责初始化单片机的硬件环境;“电压测量_uvopt.bak”和“电压测量_uvproj.bak”可能是Keil编译器的配置文件备份,用于设置编译选项和项目配置。 对于3S锂电池电压测量,3S锂电池由三节锂离子电池串联而成,标称电压为11.1V。测量时需要考虑电池的串联特性,通过分压电路将高电压转换为单片机可接受的范围,并实时监控,防止过充或过放,以确保电池的安全和寿命。 在电压测量电路设计中,“电压测量.lnp”文件可能包含电路布局信息,而“.hex”文件是编译后的机器码,用于烧录到单片机中。电路中通常会使用ADC(模拟数字转换器)将模拟电压信号转换为数字信号供单片机处理。 在软件编程方面,“StringData.h”文件可能包含程序中使用的字符串常量和数据结构定义。处理电压数据时,可能涉及浮点数运算,需要了解STC单片机对浮点数的支持情况,以及如何高效地存储和显示电压值。 用户界面方面,“电压测量.uvgui.kidd”可能是用户界面的配置文件,用于显示测量结果。在嵌入式系统中,用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值