·您当时的方位:主页 > 技能教程 > Html5技能 >

经过 CSS3 创立圆角边框和向矩形增加暗影

时刻:2019-01-22 08:54阿酷
经过 CSS3,您可以创立圆角边框,向矩形增加暗影,运用图片来制作边框 - 而且不需运用规划软件,比方 PhotoShop

经过 CSS3,您可以创立圆角边框,向矩形增加暗影,运用图片来制作边框 - 而且不需运用规划软件,比方 PhotoShop。

在本章中,您将学到以下边框特点:

border-radius
box-shadow
border-image
浏览器支撑
特点    浏览器支撑
border-radius                         
box-shadow                         
border-image                         
Internet Explorer 9+ 支撑 border-radius 和 box-shadow 特点。

Firefox、Chrome 以及 Safari 支撑一切新的边框特点。

注释:关于 border-image,Safari 5 以及更老的版别需求前缀 -webkit-。

Opera 支撑 border-radius 和 box-shadow 特点,可是关于 border-ima

向 div 元素增加圆角:

div
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
}
向 div 元素增加方框暗影:

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

抢手文章引荐

请稍候...