因为专注,所以专业
2005 - 2020

html实现时间轴_纯css实现响应式竖着/垂直时间抽布局效果

时间:2020-02-05 17:13:10    作者:八叔模板堂

1、概述

1、css位置:position
2、css伪类:after,befault
3、css内容:content

2、CSS中Postion

position : static | absolute | fixed | relative
static :默认值。无特殊定位,对象遵循HTML定位规则
absolute :将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body 对象。而其层叠通过 z-index 属性定义
fixed :未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative :对象不可层叠,但将依据 left , right , top , bottom 等属性在正常文档流中偏移位置

2、CSS中伪类和content

a:after{
  content: " (" attr(href) ")";
}

3、示例demo

赞(0
免费拨打  111-1111-1111
免费拨打  111-1111-1111免费拨打 111-1111-1111
微信二维码
手机二维码
返回顶部
返回顶部返回顶部