摘要：语法：writing-mode : lr-tb、tb-rl<br />参数：lr-tb：从左向右，从上往下 tb-rl：从上往下，从右向左 但除了ie，其他浏览器基本不支持，我们可以用其他方法模拟一下，<style>ul{ width:100px; height:80px; overflow:hidden; list-style:none;}ul li{ float:right; display:inline; margin-left:4px; width:14px; height:100px; font-size:14px; word-wrap:break-word; 阅读全文
垂直居中
2012-02-17 17:47 by 边缘er, 413 阅读, 0 推荐, 收藏,
摘要：1、假如让一个一直宽高的div相对浏览器可视区水平和垂直都居中，实现起来很简单：div{position:absolute;width:400px;height:300px;top:50%;left:50%;margin:-150px 0 0 -200px;border:1px solid #ff0000;}2、如果是左右两列布局，左侧就一标题需要垂直居中，右列的内容高度不固定。可以使用table布局；如果不用table可以借鉴上边的方法实现垂直居中，<style type="text/css">body,div,h2{ margin:0; padding:0; 阅读全文
纯CSS实现tab选项卡
2012-02-17 17:42 by 边缘er, 672 阅读, 0 推荐, 收藏,
摘要：这个是通过锚点实现的，纯属自己写着玩，一般用不上...<style type="text/css">body,div,ul,li{margin:0; padding:0; font-size:12px;}.tab_ul{ margin:10px auto 0; padding-left:20px; width:228px; height:31px; background:url(/uploads/allimg/100309/1_100309143554_1.gif) left bottom repeat-x #FCEDFF;border:1px solid #D 阅读全文
等高DIV
2012-02-17 17:27 by 边缘er, 235 阅读, 0 推荐, 收藏,
摘要：1、利用边距（margin）和补白（padding）实现div等高<style type="text/css">body,div,p{margin:0;padding:0;}#wrap{overflow:hidden;width:1000px;margin:0 auto;}#left,#center,#right{margin-bottom:-10000px;padding-bottom:10000px;}#left{float:left;width:250px;background:#00FFFF;}#center{float:left;width:500px 阅读全文
滑动门-圆角背景宽度和高度自适应
2012-02-17 17:16 by 边缘er, 587 阅读, 0 推荐, 收藏,
摘要：第一张图用于高度自适应，第二张用于宽度自适应。如果觉得不够高或宽，可以修改图片。实现的方法很简单，其实就是套2层，其中外层用长背景，内层用短背景盖住。拿高度自适应来说，可以用一个div（用长背景居底铺）嵌套一个h2（用短背景居顶铺）标签。圆角背景高度自适应：<style type="text/css">body,div,p,h2{ margin:0; padding:0;}div{width:262px; margin:100px auto 0; background:url(images/hua1.png) right bottom no-repeat; ov 阅读全文
浙公网安备 33010602011771号