阿里前端(方凳)出了道题,有点意思,想了一方案,给大家分享一下:)
预览地址:http://5key.net/demo/liquid-css-title/
要求如下:
宽度自适应
标题文字自适应
尽量用一张背景图
尽量少的嵌套
效果嘛,先给出我的截图如下:
以前曾做过一个自适应宽度的圆角按钮,
自适应的标题网页设计
。不过这里有两个自适应在里面,所以也得稍微的修改一下。1、先来看用到的背景图:
2、代码部分:
我是第一
来自:http://5key.net/blog/index.php/2008/03/18/liquid-css-title/