CSS3 边框

用CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如Photoshop。

在本章中,您将了解以下的边框属性:

  • border-radius

  • box-shadow

  • border-image

浏览器支持

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

Internet Explorer 9+ 支持 border-radius 和 box-shadow.

Firefox, Chrome, 和 Safari 支持所有最新的 border 属性.

注意: 前缀是-webkit-的Safari支持阴影边框。

前缀是-o-的Opera支持边框图像。


CSS3 圆角

在CSS2中添加圆角棘手。我们不得不在每个角落使用不同的图像。

在CSS3中,很容易创建圆角。

在CSS3中border-radius属性被用于创建圆角:

这是圆角边框!
 
在div中添加圆角元素:
div
{
border:2px solid;
border-radius:25px;
}

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
<style>
div
{
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
border-radius:40px;
}
</style>
</head>
<body> <div>border-radius</div> </body>
</html>

CSS3盒阴影

CSS3中的box-shadow属性被用来添加阴影:

div
{
box-shadow: 10px 10px 5px #888888;
}

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
<style>
div
{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body> <div></div> </body>
</html>

CSS3边界图片

有了CSS3的border-image属性,你可以使用图像创建一个边框:

border-image属性允许你指定一个图片作为边框! 用于创建上文边框的原始图像:

在div中使用图片创建边框:

在div中使用图片创建边框

div
{
border-image:url(border.png) 30 30 round;
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
<style>
div
{
border:15px solid transparent;
width:250px;
padding:10px 20px;
} #round
{
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;
} #stretch
{
-webkit-border-image:url(border.png) 30 30 stretch; /* Safari 5 and older */
-o-border-image:url(border.png) 30 30 stretch; /* Opera */
border-image:url(border.png) 30 30 stretch;
}
</style>
</head>
<body> <p><b>注意: </b> Internet Explorer 不支持 border-image 属性。</p>
<p> border-image 属性用于设置图片的边框。</p> <div id="round">这里,图像平铺(重复)来填充该区域。</div>
<br>
<div id="stretch">这里,图像被拉伸以填充该区域。</div> <p>这是我们使用的图片素材:</p>
<img src="/statics/images/border.png" /> </body>
</html>

[HTML] CSS3 边框的更多相关文章

  1. HTML 学习笔记 CSS3 (边框)

    CSS3边框 通过CSS3边框 你能够创建远角边框 向矩形边框添加阴影 使用图片来绘制边框 . CSS3的边框属性 主要包含以下几种 border-radius 边框圆角 box-shadow 边框阴 ...

  2. CSS3边框温故

    1.简介:border属性在CSS1中就已经定义了,用来设置元素边框风格,设置不同的边框.颜色.粗细 2.基本属性,包括三个类型值:(1)border-width:设置元素边框的粗细,默认3~4px( ...

  3. css3 边框记

    css3 边框 border属性在css1中就已经定义了,使用它可以设置元素的边框风格,边框颜色以及边框粗细. border-width:设置元素边框的粗细. border-color:设置元素边框的 ...

  4. CSS3 边框

    说明:CSS3完全向后兼容,因此不必改变现有的设计.浏览器通常支持CSS2 CSS3模块 CSS3被划分为模块: 选择器 框模型 背景和边框 文本效果 2D/3D 转换 动画 多列布局 用户界面 CS ...

  5. 第八十节,CSS3边框图片效果

    CSS3边框图片效果 学习要点: 1.属性初探 2.属性解释 3.简写和版本 本章主要探讨HTML5中CSS3中边框图片背景的效果,通过这个新属性让边框更加的丰富多彩. 一.属性解释     CSS3 ...

  6. css3边框与背景

    一.css3边框 1.border-image 边框 border-image: url(xxx.png) number stretch 很好理解就是拉伸,有多长拉多长. repeat (和4角上 同 ...

  7. 第95天:CSS3 边框、背景和文字效果

    1.CSS3边框: border-radius:CSS3圆角边框.在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,bo ...

  8. CSS3 边框 圆角 背景

    CSS3用于控制网页的样式布局. CSS3是最新的CSS标准.   关于transform: transform:rotate(10deg);//顺时针方向旋转10° 浏览器支持情况:低版本的IE浏览 ...

  9. CSS3边框border-radius

    一.官方解释 设置或检索对象使用圆角边框.提供2个参数,2个参数以“/”分隔,每个参数允许设置1~4个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数. ...

随机推荐

  1. iOS开发UI篇—控制器的创建

    iOS开发UI篇—控制器的创建 说明:控制器有三种创建方式,下面一一进行说明. 一.第一种创建方式(使用代码直接创建) 1.创建一个空的IOS项目. 2.为项目添加一个控制器类. 3.直接在代理方法中 ...

  2. mssqlserver 分日志(日志文件过大)

    ALTER DATABASE HexStudyDB3Reader SET RECOVERY SIMPLE WITH NO_WAIT ALTER DATABASE HexStudyDB3Reader S ...

  3. <1 小玩意(覆盖效果)

    <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8& ...

  4. 1、Centos 7 系统的初化始配置

    1.IP的配置临时生效: ifocnfig 主机名 IP地址(如 ) 永久生效(需要进入配置文件): vi /etc/sysconfig/network-scripts/ifcfg-主机名 2.主机名 ...

  5. namenode需要升级

    java.io.IOException:File system image contains an old layout version -18.An upgrade to version -41 i ...

  6. MYSQL数据表操作语句

    1.查看某数据库中的表 SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表.也可以使 ...

  7. Zyxel Switch-How to block a fake DHCP server without enabling DHCP snooping?

    How to block a fake DHCP server without enabling DHCP snooping? Scenario How to block a fake DHCP se ...

  8. matlab使用

    1.nargin 在matlab中定义一个函数时, 在函数体内部, nargin是用来判断输入变量个数的函数. 2.assert “断言”,“坚持自己的主张”.判断函数. http://www.cnb ...

  9. PCL安装使用

    一. 下载安装 http://pointclouds.org/downloads/windows.html 1. QT安装在默认路径下(否则后续会出现问题),添加环境变量QTDIR(c:\Qt\4.8 ...

  10. GIT 如何删除某个本地的提交

    一.rm后要commit一下才会生效,但这样只是让文件不再出现在今后的版本中,文件副本仍然会在.git/下(这样git才能让误删的文件恢复). 要彻底消灭文件副本,那就要让文件彻底从历史中消失,分两种 ...