masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 怎样使用伪元素first-letter让文字首字母大写

怎样使用伪元素first-letter让文字首字母大写

php中世界最好的语言
Lepaskan： 2018-03-09 13:47:02
asal
2626 orang telah melayarinya

这次给大家带来怎样使用伪元素first-letter让文字首字母大写，使用伪元素first-letter让文字首字母大写的注意事项有哪些，下面就是实战案例，一起来看一下。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><HTML>
 <HEAD>
  <TITLE>Drop cap initial letter</TITLE>
  <STYLE type="text/css">
   P { 
     font-size: 12pt; 
     line-height: 1.2; 
     width:250px;
   }   P::first-letter { 
     font-size: 224%; 
     margin-top: -5px;     font-weight: bold; 
     float:left; 
   }   SPAN { 
     text-transform: uppercase 
   }  </STYLE>
 </HEAD>
 <BODY>
  <P><SPAN>The first</SPAN> few words of an article
    in The Economist.The first few words of an article
    in The Economist.</P>
 </BODY></HTML>
Salin selepas log masuk

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

bootstrap-validator使用详解

iframe的跨域使用方法

js声明函数的四种方式

Atas ialah kandungan terperinci 怎样使用伪元素first-letter让文字首字母大写. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
first-letter 元素
sumber：php.cn
Artikel sebelumnya：css的Counters属性详解 Artikel seterusnya：用jq发送多个ajax然后执行回调的小技巧
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
Menggunakan Grid untuk Mencipta Reka Bentuk Khusus Ini: Panduan Langkah demi Langkah Saya cuba membuat reka letak yang serupa dengan imej ini, saya telah cuba menggunakan grid...
daripada 2024-04-06 20:29:08
0
2
492
Bagaimana untuk menyemak sama ada kumpulan butang radio diperlukan Saya mempunyai kumpulan butang radio dinamik di mana atribut yang diperlukan mungkin tidak...
daripada 2024-04-03 16:23:29
0
1
306
PHP: Mengendalikan tatasusunan (tidak dijangka) dalam input pengguna Saya baru-baru ini mendapati bahawa menghantar pembolehubah yang mengandungi tatasusunan &...
daripada 2024-04-01 17:56:37
0
1
396
Bagaimanakah cara saya menuding pada objek supaya ia hilang dan kemudian objek lain muncul supaya saya boleh mengklik padanya? Objek pertama saya ialah objek kelas "huruf anjing". Ia mempunyai dua objek kela...
daripada 2024-04-01 13:23:16
0
1
355
Saiz lebar bekas teks berbeza apabila dipaparkan dalam Chrome dan Firefox Mengapakah lebar kontena dipaparkan sebagai saiz yang berbeza dalam Chrome dan Firefox? Sa...
daripada 2024-03-31 13:37:43
0
1
405
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