您现在的位置是：网站首页> 编程资料编程资料
滑动门 圆角背景宽度和高度自适应_CSS教程_CSS_网页制作_
2021-09-08
1002人已围观
简介 实现的方法很简单，其实就是套2层，其中外层用长背景，内层用短背景盖住。拿高度自适应来说，可以用一个div（用长背景居底铺）嵌套一个h2（用短背景居顶铺）标签
第一张图用于高度自适应，第二张用于宽度自适应。如果觉得不够高或宽，可以修改图片。 内容内容内容内容内容内容内容内容内容内容内容内容
实现的方法很简单，其实就是套2层，其中外层用长背景，内层用短背景盖住。拿高度自适应来说，可以用一个div（用长背景居底铺）嵌套一个h2（用短背景居顶铺）标签。
圆角背景高度自适应： 复制代码代码如下:标题
内容内容内容内容内容内容内容内容内容内容内容内容
宽度自适应的圆角按钮原来是一样的，只不过是改成横向的：复制代码代码如下:
相关内容
- CSS3 选择器 伪类选择器介绍_css3_CSS_网页制作_
- CSS3 选择器 属性选择器介绍_css3_CSS_网页制作_
- CSS3 选择器 基本选择器介绍_css3_CSS_网页制作_
- CSS3制作日历实现代码_css3_CSS_网页制作_
- 纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）_CSS教程_CSS_网页制作_
- CSS3属性box-shadow使用详细教程_css3_CSS_网页制作_
- 兼容IE与firefox的css 线性渐变（linear-gradient）_CSS教程_CSS_网页制作_
- CSS模拟小箭头的实现代码_CSS教程_CSS_网页制作_
- CSS图片垂直居中方法整理集合 ！(常见问题解答)_CSS教程_CSS_网页制作_
- CSS图片垂直居中实现方法详解 _CSS教程_CSS_网页制作_
