简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah> hujung hadapan web> tutorial css> teks badan

css中的content属性该如何使用

王林
Lepaskan： 2020-04-14 09:34:59
ke hadapan
3253 orang telah melayarinya

css中的content属性该如何使用

content属性一般用于::before、::after伪元素中，用于呈现伪元素的内容。平时content属性值我们用的最多的就是给个纯字符，其实它还有很多值可供选择。

1、插入纯字符

  
1、插入纯字符
Salin selepas log masuk

（推荐教程：CSS入门教程）

2、插入图片

  
2、插入图片
Salin selepas log masuk

3、插入元素属性

  
3、插入元素属性
Salin selepas log masuk

4、插入当前元素编号(即当前元素索引)

这个特性可用于活动页面的规则介绍。

  
4、插入当前元素编号(即当前元素索引)
 
 
     
  • 我是第1个li标签
    •  
    我是li标签中的第1个div标签
     
  • 我是第2个li标签
    •  
  • 我是第3个li标签
    •  
    我是li标签中的第2个div标签
     
  • 我是第4个li标签
    •  
  • 我是第5个li标签
    •
Salin selepas log masuk

5、插入当前元素编号(指定种类)

  
5、插入当前元素编号(指定种类)
 
 
     
  • 我是第1个li标签
    •  
    我是li标签中的第1个div标签
     
  • 我是第2个li标签
    •  
  • 我是第3个li标签
    •  
    我是li标签中的第2个div标签
     
  • 我是第4个li标签
    •  
  • 我是第5个li标签
    •
Salin selepas log masuk

相关视频教程推荐：css视频教程

Atas ialah kandungan terperinci css中的content属性该如何使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
content css
sumber：jb51.net
Artikel sebelumnya：css如何实现给div添加滚动并隐藏滚动条 Artikel seterusnya：关于css中的类名问题的介绍
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
WordPress 6.0 (add_editor_style) tidak memuatkan style.css dalam editor Gutenberg Saya mengikuti kursus UdemyWordPress untuk mencipta tema blok WordPress tersuai. Saya berj...
daripada 2023-11-12 20:37:50
0
2
261
CSS mendahului sifar untuk perpuluhan yang tidak berfungsi dengan nombor yang besar Baru-baru ini saya menghadapi masalah di mana saya mencipta senarai tersusun dengan lebih ...
daripada 2023-11-07 10:35:53
0
1
236
Ralat Sass: Fail telah dimuatkan: @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass'; Saya menggunakan rangka kerja quasar dan semasa menyusun projek saya, saya mengalami ralat...
daripada 2023-11-06 21:38:55
0
1
219
Bagaimana untuk membenamkan video latar belakang dalam HTML/CSS? Hai semua, baru-baru ini saya menghadapi masalah. Saya cuba untuk menetapkan latar belakan...
daripada 2023-11-06 13:59:13
0
1
240
Bagaimana untuk mendapatkan nilai RGB warna bernama CSS/HTML dalam JavaScript Saya telah mencipta objek Javascript yang dipanggil [name-rgb]. Asas anda:namedColors={Ali...
daripada 2023-11-06 09:05:50
0
2
210
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！