已经设计好圆角矩形图并切分成九宫图,求一套CSS+div方法编写成内容高度自适应`宽度自适应的方法!

html-css017

已经设计好圆角矩形图并切分成九宫图,求一套CSS+div方法编写成内容高度自适应`宽度自适应的方法!,第1张

汗,这个不是有个横向和纵向背景重复吗?你这样切图是错的……。

切成三块就行了,HTML代码

<div><img src="切出来的头部图片URL"></div>

<div style="background-image:url(切出来的中间部分图片URL)height:autobackground-repeat:y-repeat"></div>

<div><img src="切出来的尾部图片URL"></div>

div+css相比于table布局的优势就是精简了代码量并且灵活性更大了,但是却要求设计师对css的熟练程度或者说个人能力要求更高了,否则纯DIV+CSS布局很容易出错的;

其实我并不是纯div+css布局也不是纯table布局,我是两者结合的,这样能把错误率很快的降低并且不至于过多的增加代码量

Fireworks切割吧,比ps切割出来的小一些,能让网页读取更流畅。

ps也能切,切好了,储存,【文件】-储存为web和设备所用格式。就能导入Dreamweaver8中直接进行链接的设定了