在css3中怎样使背景颜色缩放,而边框不动

答案:6 悬赏:30 手机版

解决时间 2021-04-05 08:30

提问者网友：我的未来我做主
2021-04-05 03:43

最佳答案

五星知识达人网友：詩光轨車
2021-04-05 04:19

有几个CSS的属性要提一下：background-size：cover，这个CSS3的属性作用是把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中，如果不使用这个属性，在IE11和FireFox中缩放浏览器，背景图片会随之缩小，同时使用-webkit-background-size: cover和-o-background-size: cover兼容webkit内核浏览器和Opera浏览器；background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动，当设置为fixed时页面的其余部分滚动时，背景图像不会移动。

全部回答

1楼网友：低血压的长颈鹿
2021-04-05 08:44

背景是颜色，缩放了不还是那个颜色吗，有意义？

2楼网友：冷風如刀
2021-04-05 07:42

background-size:百分比

3楼网友：举杯邀酒敬孤独
2021-04-05 06:37

能再详细一点吗，描述的追答再详细一点吗

4楼网友：不如潦草
2021-04-05 05:48

background-clip: content-box | padding-box | border-box

5楼网友：平生事
2021-04-05 04:59

不知道CSS3 的 background-clip 属性是否能满足你的需求。这个属性可以规定背景的绘制区域，代码如下：

结果如下：

将 background-clip 属性值设置为 content-box 将背景内容裁剪到内容框，这样只要改变 padding 值就可以实现边框不动，颜色变动。