首页 >

css3中after的content属性里面都能放什么东西

web前端|前端问答css3中after的content属性里面都能放什么东西
CSS3
web前端-前端问答
有米源码,vscode所有文件内搜索,ubuntu系统接口,tomcat崩溃的原因,爬虫程序 英语,php 文件防下载,怎么做seo 推广渠道,计算机网站毕业设计,dedecms 下载站模板lzw
css3中after的content属性
angular 源码下载,ubuntu 制作脚本,具权威的tomcat监控,世间的爬虫,php程序员项目奖金,和平区不错的seo推广报价lzw
content 属性与 :before 及 :after 伪元素配合使用,来插入内容。
多通道返钱网源码,Ubuntu内怎么截图,python基础爬虫代码,php大妈,国际seo专家lzw
语法格式:

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

可能的值:

none 设置 content 为空值。

normal 在 :before 和 :after 伪类元素中会被视为 none,即也是空值。

counter 设定计数器,格式可以是 counter(name) 或 counter(name,style) 。产生的内容是该伪类元素指定名称的最小范围的计数;格式由style指定(默认是’decimal’——十进制数字)

attr(attribute) 将元素的 attribute 属性以字符串形式返回。。

string 设置文本内容

open-quote 设置前引号

close-quote 设置后引号

no-open-quote 移除内容的开始引号

no-close-quote 移除内容的闭合引号

url(url) 设置某种媒体(图像,声音,视频等内容)的链接地址

示例如下:

123p:before {   content:"天王盖地虎- ";}p#testID:before {   content:none;}

宝塔镇河妖

强的很!!!

输出结果:

css3中after的content属性里面都能放什么东西

示例如下:

菜鸟教学(runoob.com)p::before {  content: open-quote;}p::after {  content: close-quote;}

天王盖地虎-宝塔镇河妖

输出结果:

css3中after的content属性里面都能放什么东西

(学习视频分享:css视频教学)


  • 暂无相关文章
  • Posted in 未分类