纯css3实现关闭按钮

 时间:2024-10-19 12:10:15

1、首先,我们新建一个html页面,然后写上一些解释性的标签,然后是页面主要的标签,并为其设置样式

纯css3实现关闭按钮

3、然后,我们在span的伪元素::after和::before添加样式,使得内容为空的span标签的水平居中的位置有一道横线(实际上是两条,但是两条线的位置和大小一样,会重叠起来)

纯css3实现关闭按钮

5、我们使用css的tranform属性中的rotate值,设置为45deg及45度。transform是专门向元素应用2D或3D变换的属性。由于是一个新的属性,我们在书写样式的时候,需要兼顾不同的浏览器。

纯css3实现关闭按钮
  • js里面空心圆边框4个颜色怎么设置
  • js如何让页面所有的span标签内容加粗显示
  • jquery如何实现鼠标放上div时改变其大小
  • jquery如何设置div中图片与边框的距离
  • js中怎么控制文本加粗
  • 热门搜索
    河内旅游 旅游活动策划书 4月份适合去哪里旅游 驴妈妈旅游网招聘 蚂蜂窝旅游网主页 贵州旅游地图全图 扬州旅游集散中心 旅游协会 世界旅游胜地有哪些 云南旅游全攻略