这是一个最终结果,支持水平和垂直拉伸,由一个灰色圆角矩形,内置一个白色小圆角矩形组成的。
拆解图
上边框第一层(要指定高度)
上圆角左(要指定高度宽度,作为背景)
背景图 + logo图片(这里要指定logo图片的高度宽度,要比单元格的高度宽度要小,不然会撑开,导致布局乱了)
背景图 +文字(
新闻中心
,新宋体13号加粗)背景图(预留操作按钮等操作键)
上圆角右(要指定高度宽度,作为背景)
上边框第二层(要指定高度)
内圆角左(要指定高度宽度,作为背景)
内园底部合并三个单元格(colspan="3",指定高度,不设置宽度)
外圆角右(要指定高度宽度,作为背景)
中间层
左边框背景图(要指定宽度,高度设置100%或不设置高度)
中间背景图(高度设置100%或不设置高度)
右边框背景图(要指定宽度,高度设置100%或不设置高度)
下边框
下圆角左(要指定高度宽度,作为背景)
下中间背景图(合并三个单元格colspan="3",指定高度,不设置宽度)
下圆角右(要指定高度宽度,作为背景)
代码片段,图片素材就不提供了
New Document
| ||||||
| ||||||
| ||||||
|