content属性：content属性的综合型用法

2022-06-06 分类：网站建设

content属性主要通过伪类选择器:before和:after来指定位置；
content属性的值可以为任何内容；
当content属性的值为none，则表示不插入任何内容；

content属性：
如果我们想往段落p标签内部追加省略号只需要如下方式定义样式即可：
p:after{content:"...";}

　　当然我们也可以追加任何文字：
p:after{content:"网页教学网";}

　　既然CSS3可以追加内容after，那么CSS3也为我们提供了前置内容的方法before：
p:before{content:"...";}

　　如果我们使用标签选择器定义了所有的p，但是又有需求要求某一个p且ID为box的元素不准自动追加或前置内容，那么我们就可以对content属性制定none值（none值只能用于before和after这两种选择器）或normal（任何选择器都没问题）值即可：
#box:before{content:none;}

网站栏目：content属性：content属性的综合型用法
标题路径：https://www.cdcxhl.com/news/164156.html

成都网站建设公司_创新互联，为您提供定制开发、手机网站建设、网站策划、小程序开发、网站收录、网页设计公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容