课程代码
This commit is contained in:
48
web_test/test2/product.html
Normal file
48
web_test/test2/product.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>产品介绍</title>
|
||||
<style>
|
||||
/* 使用标记选择器为介绍重庆的段落设置样式 */
|
||||
p.chongqing {
|
||||
text-decoration: underline;
|
||||
/* 下划线 */
|
||||
text-transform: capitalize;
|
||||
/* 首字母大写 */
|
||||
}
|
||||
|
||||
/* 使用id选择器为介绍四川的段落设置样式 */
|
||||
#sichuan {
|
||||
text-decoration: line-through;
|
||||
/* 删除线 */
|
||||
text-transform: lowercase;
|
||||
/* 所有字母小写 */
|
||||
}
|
||||
|
||||
/* 使用类选择器为介绍贵州的段落设置样式 */
|
||||
.guizhou {
|
||||
text-decoration: overline;
|
||||
/* 上划线 */
|
||||
text-transform: uppercase;
|
||||
/* 所有字母大写 */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h3>设置文字装饰及大小写转换</h3>
|
||||
|
||||
<p class="chongqing">Chongqing, abbreviated as "Yu", is a municipality directly under the central and western
|
||||
regions of China, famous for its mountainous city characteristics, hotpot culture, and the beautiful scenery of
|
||||
the confluence of the Yangtze River and Jialing River.</p>
|
||||
|
||||
<p id="sichuan">Sichuan, abbreviated as "Chuan" or "Shu", is located in southwestern China and is a province known
|
||||
for its magnificent natural scenery, rich cultural heritage, and spicy cuisine.</p>
|
||||
|
||||
<p class="guizhou">Guizhou, abbreviated as "Qian" or "Gui", is located in southwestern China and is a province
|
||||
renowned for its diverse ethnic cultures, spectacular karst landforms, and beautiful natural landscapes.</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user