自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 css初学中如何让图片放入铺满整个盒子

其中我们可以看到页面显示的图片只有原图的一点,这里我们可以采用background-repeat: no-repeat;--- 背景图片不重复, background-position: center;--- 背景图片居中,background-size: cover;--- 背景图片自适应来实现让背景图片铺满盒子(background-position: center;这里可以看出照片直接大过盒子溢出,解决方式是直接分为两种:1.把盒子大小设置和图片一样大,2.把图片大小设置和盒子一样大。

2024-01-21 19:00:00 1706

原创 html5中三大定位原理和使用

2 绝对定位:position: absolute---- 参考body标签的左上角原点位置进行定位---释放原有空间位置---脱标(脱离标准流布局)。-参考自己默认的原位置进行定位-不释放原有空间位置---没有脱标(脱离标准流布局)。----参考浏览器窗口的左上角原点位置进行定位---释放原有空间位置---脱标(脱离标准流布局)。其分为相对定位、绝对定位和固定定位。所以在html中普遍使用方式为子绝父相,即子元素绝对定位,父元素相对定位。3 父相子绝----父元素为相对定位,子元素为绝对定位。

2024-01-14 22:49:02 391 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除