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

实现的方法很简单,其实就是套2层,其中外层用长背景,内层用短背景盖住。拿高度自适应来说,可以用一个div(用长背景居底铺)嵌套一个h2(用短背景居顶铺)标签

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

复制代码
代码如下:



标题


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




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

复制代码
代码如下:



  • 三个字

  • 六个字六个字


以上就是滑动门 圆角背景宽度和高度自适应的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS 教程