自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

转载 第二章 Background & Borders 之 Multiple borders

2. Multiple Boerders 多边框在工作中我们可能会遇到给盒子外层实现多个边框。如以下效果:方法1:实现这个效果,其实很简单,使用CSS3 的box-shadow属性,先看看box-shadow属性怎么使用吧。box-shadow: h-shadow v-shadow blur spread color inset|outset / none/ inhe...

2016-11-02 18:27:00 70

转载 第二章 Background & Borders 之 Transparent Border

1.Translucent(半透明的) border第二章的第一个例子是实现半透明的边框。效果如下:初看之下,很简单嘛,boder就搞定啦,代码如下:border: 10px solid hsla(0,0%,100%,.5);background: white;但是这样根本不起作用啊,给人的效果是border不见了....咦...咋回事喃? 原来,b...

2016-11-01 17:53:00 106

转载 第一章 响应式设计之Media Quer

书里谈到尽量不要使用Media Queriy。 但是过多使用media query,会导致CSS变得脆弱和页面难以维护。一些方法可以减少页面使用 media query.响应式设计:(1) 使用百分比替换固定的宽度。如果不行,也尽量使用vw, vh, vmin, vmax。(2) 使用max-width,而不使用width。(3) 对于一些元素,如img, object,...

2016-07-04 22:23:00 69

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除