摘要: -webkit-text-fill-color: [color]; 往文字内部填充颜色-webkit-text-stroke:[ text-stroke-width ] || [ text-stroke-color ] ; 给文字描边,需要两个值,一个是描边宽度,一个是描边颜色。-webkit-filter ,具体属性看这里浏览器兼容性:目前只有-webkit-浏览器加前缀支持。通过这些属性,可以实现不少Photoshop才能做出来的效果。比如:这个例子 阅读全文
posted @ 2014-02-21 13:18 oliver_zl 阅读(164) 评论(0) 推荐(0)
摘要: 导航是一个网站必不可少的组件。把自己在学习制作导航过程中的经验做个总结。html代码很简单,就是一个无序列表〈ul〉: Home About us Contact us 剩下的就看css的了。如果想要一个垂直导航栏,这个比水平的要少几句代码。因为无序列表默认是垂直方向的。最后效果*{ margin:0; padding:0;}nav{ margin:10px; width:150px; border-radius:5px; background:#FF6600; -webkit-box-shadow... 阅读全文
posted @ 2014-02-12 12:07 oliver_zl 阅读(215) 评论(0) 推荐(0)
摘要: 看到这个导航的时候就在想这种三角是否可以通过css和html实现,于是就在网上找了找资料。整理如下:1.思路很简单。看下面的图片(每条边是不是像三角形的底边)html:Css: .triangle{ border-style:solid; border-width: 10px; border-top-color:#009246; border-left-color: #CE2B37; border-bottom-color:#5E5E5E; ... 阅读全文
posted @ 2014-01-21 12:19 oliver_zl 阅读(3697) 评论(2) 推荐(1)