css3边框 圆角 阴影
来源:互联网 发布:两大人工智能编程语言 编辑:程序博客网 时间:2024/05/21 06:17
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ text-align: center; border: 2px solid #a1a1a1; padding:10px 40px; background-color: antiquewhite; width: 350px; border-radius: 25px; //radius是半径的意思 -moz-border-radius: 25px; box-shadow: 10px 10px 5px #888888; -moz-box-shadow: 10px 10px 5px #888888; } </style></head><body> <div>这是测试css3圆角效果</div></body></html>
定义和用法
box-shadow 属性向框添加一个或多个阴影。
提示:请使用 border-image-* 属性来构造漂亮的可伸缩按钮!
默认值: none继承性: no版本: CSS3JavaScript 语法: object.style.boxShadow="10px 10px 5px #888888"语法
box-shadow: h-shadow v-shadow blur spread color inset;
注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。
值 描述 测试 h-shadow必需。水平阴影的位置。允许负值。测试v-shadow必需。垂直阴影的位置。允许负值。测试blur可选。模糊距离。测试spread可选。阴影的尺寸。测试color可选。阴影的颜色。请参阅 CSS 颜色值。测试inset可选。将外部阴影 (outset) 改为内部阴影。测试
0 0
- css3边框 圆角 阴影
- CSS3 (边框 圆角 阴影)
- CSS3边框 圆角 阴影,旋转
- CSS3圆角、盒阴影与边框图片
- css3边框阴影效果
- CSS3 边框阴影
- css3边框外部阴影
- CSS3边框阴影
- CSS3选择器、边框、阴影
- CSS3边框图片、边框阴影、文本阴影
- css3 边框阴影 box-shadow
- css3文字渐变和阴影、图片边框和边框阴影
- css3实现的图片边框阴影特效
- CSS3边框阴影,折角效果演示
- css3设置边框阴影的属性
- css3基础样式 边框 阴影 字体
- 鼠标滑过边框加阴影css3
- css3-边框圆角阴影渐变
- NLP第一课--语言模型
- SSH登录:WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!
- 使用nodejs读取简体语言json文件并生成繁体语言json文件
- django 实战教程一 -- 初探
- iOS10适配教程
- css3边框 圆角 阴影
- java中StringBuilder、StringBuffer、String类之间的关系
- springmvc注解详解
- Android项目编码规范
- 使用Xcode工具symbolicatecrash将设备导出的 .crash 文件符号化 (Xcode7.3)
- 迭代(二)
- FCN/MRF图像语义分割与马克尔夫随机场
- 二、后台实战——格式统一的Json返回
- Android通过AlarmManager类实现最简单的闹钟