您现在的位置是：网站首页> 编程资料编程资料

滑动门 圆角背景宽度和高度自适应_CSS教程_CSS_网页制作_

2021-09-08 1010人已围观

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

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

复制代码
代码如下:



标题


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




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

复制代码
代码如下:



  • 三个字

  • 六个字六个字


上一篇：CSS3 选择器 伪类选择器介绍_css3_CSS_网页制作_

下一篇：兼容ie6浏览器窗口四角固定背景代码分享_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网