滑动门 圆角背景宽度和高度自适应

第一张图用于高度自适应,第二张用于宽度自适应。如果觉得不够高或宽,可以修改图片。
实现的方法很简单,其实就是套2层,其中外层用长背景,内层用短背景盖住。拿高度自适应来说,可以用一个div(用长背景居底铺)嵌套一个h2(用短背景居顶铺)标签。
圆角背景高度自适应:

复制代码
代码如下:



标题


内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容




宽度自适应的圆角按钮原来是一样的,只不过是改成横向的:

复制代码
代码如下:



  • 三个字

  • 六个字六个字


你可能感兴趣的:(滑动门 圆角背景宽度和高度自适应)