Div+Css制作四分之一圆主要是使用Css3.0中的border-radius这个圆角隐藏属性.利用这一属性,我们可以画圆,画半圆,四分之三圆,四分之一圆等.以后我会更新……

如何使用border-radius属性,下面是border-radius属性最基本的使用方法:

 .round {
border-radius: 5px; /* 所有角都使用半径为5px的圆角,此属性为CSS3标准属性 */
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */
}

1.用border-radius画圆:

 #circle {
width: 200px;
height: 200px;
background-color: #a72525;
-webkit-border-radius: 100px;
}

仔细想想,一个正方形(200*200),里面最大的圆是的半径是:100.

2.空心圆代码:空心圆其实就是只有边框,空心部分填上其他颜色:

 #circle {
width: 200px;
height: 200px;
background-color: #efefef; /* Can be set to transparent */
border: 3px #a72525 solid;
-webkit-border-radius: 100px;
}

同理虚线圆代码:

 #circle {
width: 200px;
height: 200px;
background-color: #efefef; /* Can be set to transparent */
border: 3px #a72525 dashed;
-webkit-border-radius: 100px 100px 100px 100px;
}

aaarticlea/png;base64,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" alt="" />

3.半圆和四分之一圆代码:

 #quartercircle {
width: 200px;
height: 200px;
background-color: #a72525;
-webkit-border-radius: 200px 0 0 0;
}

aaarticlea/png;base64,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" alt="" />

 <!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style type="text/css">
#quartercircle{
width: 200px;
height: 200px;
background-color: #ffffaa;
border-radius:0 0 0 200px;
-webkit-border-radius: 0 0 0 200px;
-moz-border-radius: 0 0 0 200px;
-ms-border-radius: 0 0 0 200px;
-o-border-radius: 0 0 0 200px;
}
#quartercircle .dianxuan{
font-family:Arial;
color:gray;
font-size:25px;
padding-top: 55px;
padding-left: 90px;
transform:rotate(32deg);
-ms-transform:rotate(32deg); /* Internet Explorer */
-moz-transform:rotate(32deg); /* Firefox */
-webkit-transform:rotate(32deg); /* Safari 和 Chrome */
-o-transform:rotate(32deg); /* Opera */
} </style>
</head>
<body>
<div id="quartercircle">
<div class="dianxuan">点选</div>
</div>
</body>
</html>

aaarticlea/png;base64,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" alt="" />

解释:

-moz(例如 -moz-border-radius)用于Firefox

-webkit(例如:-webkit-border-radius)用于Safari和Chrome

其中border-radius各个浏览器支持情况如表:

浏览器 支持性
Firefox(2、3+)
Google Chrome(1.0.154+…)
Google Chrome(2.0.156+…)
Safari(3.2.1+ windows)
Internet Explorer(IE7, IE8) ×
Opera 9.6 ×

更多玩法,以后我会更新……

Div+Css制作圆的更多相关文章

  1. DIV+CSS制作二级横向弹出菜单,略简单

    没有使用JavaScript控制二级菜单的显示,结果如上图所示. 代码如下: <!DOCTYPE html> <html> <head> <meta char ...

  2. 利用DIV+CSS制作网页过程中常用的基本概念及标签使

    CSS主要用于对HTML文件功能的补充及扩展,其作用就是对HTML文件中各种排版进行设置,达到对网页中字体.颜色.背景.图片等的控制,使网页能够完全依照设计者的想法来显示. CSS可以控制网页的显示, ...

  3. 利用DIV+CSS制作网页过程中常用的基本概念及标签使用细节

    CSS主要用于对HTML文件功能的补充及扩展,其作用就是对HTML文件中各种排版进行设置,达到对网页中字体.颜色.背景.图片等的控制,使网页能够完全依照设计者的想法来显示. CSS可以控制网页的显示, ...

  4. 纯Div+Css制作的漂亮点击按钮和关闭按钮

    纯Div+Css制作的漂亮点击按钮和关闭按钮,单击点击按钮也有效果.这些都不是图片.

  5. 项目实战之玩转div+css制作自己定义形状

    项目需求 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/diss ...

  6. 使用div+css制作简单导航 以及要注意问题

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. DIV+CSS制作斜线效果记录

    DIV+CSS 斜线效果很简单,只需设置一下CSS Border 的边框就能有斜线效果.代码分享给大家,你可以自己变通. 提示要注意两点:1.DIV宽高的定义.2.DIV在 IE6 中默认是有高度的. ...

  8. div+css 制作表格

    <div class="table"> <h2 class="table-caption">花名册:</h2> <di ...

  9. div+css制作表格

    html: <div class="table"> <h2 class="table-caption">花名册:</h2> ...

随机推荐

  1. JavaScript -- 继承与原型链

    JavaScript对象有一个指向一个原型对象的链,当试图访问一个对象的属性的时候,他不仅仅会在该对象上面搜寻,还会搜寻该对象的原型,以及对象的原型的原型,依次层层搜索,直到找到名字匹配的属性或者到达 ...

  2. 01-HTML深入

    1.1  浏览器的工作原理 把一些标签解析成用户可视化的页面 1.2 HTML中的标签与元素 在HTML中以<xx>开始,以</xx>结束,比如<html>< ...

  3. hadoop生态搭建(3节点)-03.zookeeper配置

    # https://www.oracle.com/technetwork/java/javase/downloads/java-archive-javase8-2177648.html # ===== ...

  4. python中使用空格还是使用 Tab键缩进的建议

    对于程序员来说,其实Tab和空格远远不只是“立场”问题那么简单. 在不同的编辑器里tab的长度可能不一致,所以在一个编辑器里用tab设置缩进后,在其它编辑器里看可能缩进就乱了.空格不会出现这个问题,因 ...

  5. pynlpir + pandas 文本分析

    pynlpir是中科院发布的一个分词系统,pandas(Python Data Analysis Library) 是python中一个常用的用来进行数据分析和统计的库,利用这两个库能够对中文文本数据 ...

  6. python学习之控制流2

    配置环境:python 3.6 python编辑器:pycharm 代码如下: #!/usr/bin/env python #-*- coding: utf-8 -*- # 控制流语句: # if语句 ...

  7. 02---Nginx

    Nginx .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: ...

  8. @Transactional spring 事务失效(转载)

    原文地址:http://hwak.iteye.com/blog/1611970 1. 在需要事务管理的地方加@Transactional 注解.@Transactional 注解可以被应用于接口定义和 ...

  9. Ubuntu无法安装vim怎么办?(Ubuntu 出现apt-get: Package has no installation candidate问题)

    apt-get install vim 正在读取软件包列表... 完成 正在分析软件包的依赖关系树 正在读取状态信息... 完成 有一些软件包无法被安装.如果您用的是不稳定(unstable)发行版, ...

  10. MD5、SHA校验命令

    linux系统的软件很多时候都以境像的方式提供下载,但我们如何确实下载的文件是没有被篡改过的呢?Linux中一般用对下载的文件进行MD5和SHA校验来确认. MD5 我们拿iptraf软件来试验: 我 ...