标签div:before、div:afters是什么意思?

标签div:before、div:afters是什么意思

:befor、:after是CSS的伪元素，什么是伪元素呢？伪元素用于向某些选择器设置特殊效果。
我们用CSS手册可以查询到其基本的用法：
E:before/E::before 设置在对象前（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用
E:after/E::after 设置在对象后（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用
Ie6-7 不支持
既然说到了before、after，那么我们也要大概的了解下content，content用来和:after及:before伪元素一起使用，在对象前或后显示内容。基本的用法如下：
div:after{content:'任意字符串';}
现在我们大概知道before和after的大概用法了，那么我们就可以在元素的内容之前或者之后插入新内容。而插入的内容我们也可以用css样式来加以控制和美化。也许在平常中这样子的标签用处不大，但是存在即是真理，哈哈，肯定有他的妙用之处，今天就来看看利用before和after制作的一个创意的时尚焦点图相框，以后制作这种边框线的时候我们可以完全抛弃图片的做法，而且做出来的非常的精美。

此文《标签div:before、div:afters是什么意思?》由三行网络公司原创，转载请保留原文链接，谢谢！
关键词标签：标签div:before、div:afters是什么意思    (PC+手机)响应式网站建设

• 外贸英文网站要怎样优化才容易搜索到呢“谷..
• 企业网站建设流程/方案要怎样写，言简意赅..
• 做外贸如何开发国外客户：30种技巧必看哦..
• 做网站优化选择什么关键词比较容易搜索到
• 网站生成静态页面是不是优化好排名靠前
• 现在比较有名的论坛有哪些：10大论坛排行..
• 制做英文网站的字体选择技巧：老外习惯看的..
• IE8和IE9浏览器的区别：用哪个好?
• 让自己的企业网站成为实力派，不要沦为花瓶..
• 现在的凡客怎样了：凡客的发展历程
• 什么是网络砍价师：了解商品行情帮买家讨价..
• 怎样建设展示型企业网站?如何突出设计
• 新闻标题过长怎样用css代码控制省略号
• 网页文字配色怎样产生和谐的视觉效果
• 什么是2级域名?和一级有什么区别?哪种好..