:before热门博客列表 - ITeye博客频道

博客专栏推荐

本月博客排行

年度博客排行

css :before的用法

css :before counter

lihong11 评论(0) 有752人浏览 2019-04-19 18:14

CSS伪元素after、before使用示例（四）

　　使用:before、:after伪元素，添加分割线。不用增加DOM元素，只需在对应元素上添加样式即可。 /*元素前、后画线的处理*/ .hra,.hrb{ position:relative; } .hra:after,.hrb:before{ content:""; position:absolute; bottom:0; height:1p ...

css :after :before

wallimn 评论(0) 有1509人浏览 2017-03-28 21:46

CSS伪元素after、before使用示例（二）

　　通过对:after、:before伪元素的控制，可以发挥相像力实现很多效果，如：　　代码如下： <style type="text/css"> .declare__content{ border:1px solid #faa85f; border-radius:8px; position:relative; padding:1. ...

:after :before

wallimn 评论(0) 有952人浏览 2017-03-20 11:04

CSS伪元素after、before使用示例（一）

　　大家都知道使用CSS可以容易使用以下效果。　　配合after、before伪元素，可以将上述效果与DOM元素结合，用极简有DOM元素（不用增加新的元素）实现原来较复杂、或无法实现的效果，如气泡文字、方块修饰、下划线等。　　附：文中用到的CSS代码。阅读时请注意，本文未充分考虑浏览器兼容问题。 <style type="text/css&qu ...

css :after :before

wallimn 评论(0) 有1390人浏览 2017-03-16 14:27