文档章节

【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
CSS3 边框(Borders)

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

wybo521
2016/01/23
34
0
CSS3.0新增属性

背景图片设定 background 默认图片重复 css允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果 background-size规定背景图片的尺寸 background-size:cover 优先宽释放 高度根据宽度...

RanoB
2016/12/27
7
0
css3在移动端中应用2(超实用)

阴影 box-shadow:||color;

痴情小云
06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

微信开发-正式号的配置

1、设置相关 业务域名的设置(不设置的话,相关页面会显示防欺诈盗号信息提示) JS接口安全域名设置 网页授权域名设置 注意:以上三个设置中都有下载文件的提示,此文件内容一样,下载一个即可...

Code辉
12分钟前
0
0
微服务之Eureka服务发现

当调用API或者发起网络通信的时候,无论如何我们都要知道被调用方的IP和服务端口,大部分情况是通过域名和服务端口,事实上基于DNS的服务发现,因为DNS缓存、无法自治和其他不利因素的存在,...

架构师springboot
13分钟前
0
0
spring boot2 admin login

版本: admin server 配置 admin client 配置 参考资料

showlike
15分钟前
0
0
NIO、Netty(Netty基础)

一、概述 Netty是一个Java的开源框架。提供异步的、事件驱动的网络应用程序框架和工具,用以快速开发高性能、高可靠性的网络服务器和客户端程序。 Netty是一个NIO客户端,服务端框架。允许快...

这很耳东先生
21分钟前
0
0
Spring boot 读文件

每次都忘, 找起来太费事, 因为太乱. 简单说, 就是不打成jar包的时候, 可以返回File, 打成jar包只能返回InputStream. -- 要是把返回File那个方法去掉多好.就不用tmd本地ok, 发布的时候懵逼了....

园领T
21分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部