文档章节

【css技术指南笔记】七章 border-radius box-shadow

郑二
 郑二
发布于 2015/04/10 20:03
字数 165
阅读 30
收藏 0

border-radius:10px 6px 4px 12px / 20px 12px 8px 20px; //4 个 X 轴值,4 个 Y 轴值

顺序为 左上,右上,右下,左下

阴影

box-shadow:4px 4px 5px 8px #444 inset;

假设是太阳的光造成的阴影;几个值分别代表:水平偏移量(太阳往左的距离),垂直量(太阳往上的距离),模糊量(阴影的模糊程度,0则就是实线),扩展量(将阴影延长多少,为负值时往里缩),颜色,阴影位于框内还是框外(inset、outset)

太阳越往左(水平偏移量)则右边的阴影越大,垂直偏移量同理

© 著作权归作者所有

共有 人打赏支持
郑二
粉丝 0
博文 18
码字总数 4318
作品 0
朝阳
程序员
【CSS】内圆角

184250-106.jpg 先上个图看看效果 image.png 紫色边框外面是直角,内部是圆角。要做出这个效果,首先要知道box-shadow 和 outline 的使用方法。box-shadow 和 outline 的使用方法在我的简书《...

KelvinZ
2017/11/27
0
0
读书笔记之一些可能会有用的东西

1.details 一个简单的收起/展开 2.消除表单校验时代默认样式(FF4会用自己的样式) 3.若旧版浏览器不支持html5表单校验里面的required 4.可提示的input框(datalist) 5.防止旧版浏览器不认识...

Anymore
2016/11/07
10
0
让 IE6, 7和 8支持 CSS3

我们都知道IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3。但是有一个小脚本能够做到,它可以让IE支持 CSS3,包括:border-radius (rounded), box-shadow ( shadow), text-shadow等……...

红薯
2010/04/28
1K
0
CSS3 边框(Borders)

CSS3 Borders 用CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如Photoshop。 在本章中,您将了解以下的边框属性: border-radius box-shadow border-image 浏览...

wybo521
2016/01/23
34
0
css3在移动端中应用2(超实用)

阴影 box-shadow:||color;

痴情小云
06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

python3.6 取整除法

python3.6 中取整除法运算逻辑如下: d 非零,那么商 q 满足这样的关系: a = qd + r ,且0 ≤ r n1=7//3#7 = 3*2 +1n2=-6.1//3#-7 = 3*(-3)+2'{},{}'.format(n1,n2) 从运行结果可以...

colinux
29分钟前
3
0
阶段总结——用虚拟机搭建一个高可用负载均衡集群架构

[toc] linux基本知识已经介绍完,现有一个业务需要操作,通过对这个项目的操作,可以复习、总结、巩固之前的知识点; ** 用13台虚拟机搭建一个高可用负载均衡集群架构出来,并运行三个站点,...

feng-01
33分钟前
0
0
mysql 设置utf8字符集 (CentOS)

1.查看数据库及mysql应用目前使用的编码方式 (1)链接mysql 客户端 (2)执行:status 结果: 2.修改mysql 应用的字符编码(server characterset ) (1)打开配置文件:vim /etc/mysql/my...

qimh
33分钟前
0
0
windows无法格式化u盘解决方法

1。点开始-运行-输入cmd-format f: /fs: fat32 (这里f:是指U盘所在盘符) 这个格式化会很慢 请耐心等待

大灰狼wow
44分钟前
0
0
MySql 8.0连接失败

原来,MySql 8.0.11 换了新的身份验证插件(caching_sha2_password), 原来的身份验证插件为(mysql_native_password)。而客户端工具Navicat Premium12 中找不到新的身份验证插件(caching_s...

放飞E梦想O
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部