㈠css3的新特性实际应用 ⑴文本阴影效果，用代码编写的方式实现 ⑵鼠标悬停的动态效果 左侧三幅图片，上面初始状态是没有说明文本的，但把鼠标放在上面的时候，这个图片上面就出现了说明文字 ⑶分栏分列式排版：类似于报刊的排版方式 ⑷做一个盒子它的圆角边框，还可 ...

1、圆角边框 定义圆角边框后，可以将盒子定义为圆角的 （1）长度方式 设置成高度的一半： （2）百分比方式 圆形：长度为正方形的一半： 百分比方式定义盒子： （3）不同的角设置 ...

css3边框阴影效果box-shadow用法详解 案例演示如下： 其中前2个值的用法跟对背景图片进行定位时的用法差不多。 将/zz/前的那句代码替换为：box-shadow:0px 0px 30px 10px #abcdef; 效果图如下： 前4个属性均可设置为负值。 ...

在CSS3中，我们可以使用box-shadow属性轻松地为元素添加阴影效果。 语法： box-shadow：x-shadow y-shadow blur spread color inset; 说明： （1）x-shadow：设置水平阴影的位置（X轴），可以使用负值 ...

CSS3添加阴影 一、使用text-shadow属性为文本添加阴影 二、使用box-shadow属性为边框添加阴影 一、为文本添加阴影 text-shadow 使用text-shadow，可以在不使用图像表示文本的情况下，为段落、标题等元素中的文本添加动态的阴影效果 ...

边框样式 点线式边框 破折线式边框 直线式边框 双线式边框 槽线式边框 脊线式边框 内嵌效果的边框 突起效果的边框 ...

扩展阅读 本文仅仅做border的基础使用，想要深入了解的话可以戳以下几个链接，觉得作者写的很好。 CSS Backgrounds and Borders Module Level 3 CSS魔法堂：重拾Border之——解构Border CSS魔法堂：重拾Border之——不仅仅是圆角 ...

边框圆角　border-radius 　　每个角可以设置两个值，x值、y值 　　　　border-top-left-radius：水平半径　　垂直半径 　　　　border-radius：水平半径/垂直半径 　　　　border-radius:60px 30px 120px 160px ...