随笔分类 -  Html CSS

CSS技巧 — 不使用图片实现圆角、阴影、渐变等功能【转】
摘要：原文地址：http://www.cnblogs.com/BearsTaR/======================================================================================= UI要求越来越高，界面越做越华丽，给我们开发人员带来的就是使用大量的背景图片，下面介绍一些通过css(不使用图片或少使用图片)来实现一些很常见的效果，圆角效果 圆角用的越来越多，因为圆角确实好看，效果如下： 要实现上面的圆角，一般切图是左，右(或上下)各切1个图片做背景，但这样做只适合固定宽度或高度的box,而且如果box背景不一样，图片需... 阅读全文
posted @ 2012-04-01 19:10 One Ivan 阅读(610) 评论(0) 推荐(0)
CSS中一些渐变效果与透明
摘要：最近在帮公司做网站时，用到了比较多的渐变效果和透明作用，linear-gradient等，现记录下来。毕竟少用，易忘呀。【一】渐变效果.nav0_item:hover, .nav0_item_current { background: -moz-linear-gradient(top, rgba(178, 178, 178, 1) 0%, rgba(222, 222, 222, 1) 49%, rgba(197, 197, 197, 1) 51%, rgba(200, 200, 200, 1) 100%); background: -o-linear-gradient(top, r... 阅读全文
posted @ 2011-11-27 13:18 One Ivan 阅读(7560) 评论(0) 推荐(0)
html 跳转到本页面指定位置
摘要：1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 </head> 4 <body> 5 <a href="#ct1">跳转到词条1</a> 6 7 <a href="#ct2">跳转到词条2</a> 8 <br> 9 <div id="ct1" style="height:1000px;">词条1</div& 阅读全文
posted @ 2011-11-09 16:13 One Ivan 阅读(14330) 评论(0) 推荐(0)