爱米*阅

不是日志,不是剪切板

框框的故事 - [技术 | Tech]

发布时间   2010-12-10 @ 12:06:00 标签    圆角 html css 编辑 | 分享 0

版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://www.blogbus.com/amixyue-logs/88053560.html

基本框框

可上下左右伸展
可左右伸展 1
可左右伸展 2
这里得确认整个站点的 rod-mod 最大的长度有限,毕竟这个耗费的img 流量是比较大的!
还要通过 padding 和 margin 调节半径。
可上下伸展
还有种很经典的结构可用,基本一致,不过这种经典结构的侵入性更强,不通用!
<div class="rod-mod">
	<div class="hd">
	</div>
	<div class="bd">
	</div>
	<div class="ft">
	</div>
</div>



框框的故事

1、框框要关注的因素:

底色
背景
边框
边框高亮
圆角

2、圆角要关注的因素:

gif 图片透明,以适应纯底色




gif 图片加背景,以适应渐变底色




left,right,top,bottom 负值,以适应设置边框

3、整站框框要关注的因素:

延展形式(左右、上下、上下左右)
框头、框内容、框底
打散、抽离、排列组合从而控制变化
分享到:

    评论

  • 首页都看不到的。。
    回复shell说:
    这篇博客写得很痛苦的——
    回头给你描述
    2010-12-15 20:44:19