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

css文字样式中属性的介绍（附代码）

不言
Lepaskan： 2018-08-18 11:45:48
asal
1785 orang telah melayarinya

本篇文章给大家带来的内容是关于css文字样式中属性的介绍（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1、设置文字字体——font-family
属性值建议用英文黑体Arial；  
微软雅黑 “Microsoft Yahei”；
宋体“SimSun”提高加载速度；
设置可选字体用逗号隔开）

index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>字体</title>
    <link href="index.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <p>
    设置文字字体属性值建议用英文黑体Arial； 微软雅黑 “Microsoft Yahei”；
    宋体“SimSun”;提高加载速度；设置可选字体用逗号隔开  
    </p> 
</body>
</html>
Salin selepas log masuk

index.css

p{    font-family:"SimSun";}
Salin selepas log masuk

2.设置文字大小——font-size
index.css

p{    font-size:21px;}
Salin selepas log masuk

3.设置文字为粗体——font-weight
属性值：normal;正常
bold/bolder;加粗
index.css

p{    font-weight:bold;}
Salin selepas log masuk

4.设置文字为斜体——font-style
属性值：italic;
index.css

p{    font-style:italic;}
Salin selepas log masuk

5.设置英文为小型的大写字母字体
index.css

p{font-variant: small-caps;}
Salin selepas log masuk

6.设置文字颜色
index.css

p{    color:lightgreen;}
Salin selepas log masuk

7.设置文字背景颜色
index.css

p{    background-color:lightblue;}
Salin selepas log masuk

 相关推荐：

css设置文字属性的示例

CSS属性之字体(Font)_html/css_WEB-ITnose

网页CSS样式属性：font字体常识_html/css_WEB-ITnose

Atas ialah kandungan terperinci css文字样式中属性的介绍（附代码）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css
sumber：php.cn
Artikel sebelumnya：如何使用CSS和D3实现用文字组成的心形动画效果（附代码） Artikel seterusnya：css文本属性有哪些？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
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1335
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Ubah suai gaya CSS sebaris secara dinamik dalam Javafx Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...
daripada 2024-04-06 20:57:16
0
1
487
Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...
daripada 2024-04-06 20:45:26
0
2
386
Adakah terdapat cara untuk memaksa teks dalam flexbox dipusatkan secara menegak, tidak kira apa kod CSS lain yang kita ada? Saya mempunyai kod CSS berikut yang merupakan sebahagian daripada kod CSS yang lebih besar...
daripada 2024-04-06 20:41:51
0
1
518
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！