国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS教程(2)：通過實例學習CSS背景

2024-07-11 08:44:03
字體：大 中 小
來源：轉載
供稿：網友

本教程一共三個例子：1、設置背景顏色;2、設置文本的背景顏色;3、將圖像設置為背景.
本教程一共三個例子：1、設置背景顏色;2、設置文本的背景顏色;3、將圖像設置為背景。
參考武林網關于CSS背景的理論知識：CSS教程(1)：學習CSS背景相關知識1、設置背景顏色
本例演示如何為元素設置背景顏色。
<html>
<head>
<style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
p.no2 {background-color: gray; padding: 20px;}
</style>
</head>
<body>
<h1>這是標題 1</h1>
<h2>這是標題 2</h2>
<p>這是段落</p>
<p class="no2">這個段落設置了內邊距。</p>
</body>
</html>2、設置文本的背景顏色
本例顏色如何設置部分文本的背景顏色。 看到此信息請您諒解！jb51com為了防采集加上的！請到武林網瀏覽更多信息。
<html>
<head>
<style type="text/css">
span.highlight
{
background-color:yellow
}
</style>
</head>
<body>
<p>
<span class="highlight">這是文本。</span> 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 這是文本。 <span class="highlight">這是文本。</span>
</p>
</body>
</html>3、將圖像設置為背景
本例演示如何將圖像設置為背景。
<html>
<head>
<style type="text/css">
body {background-image:url(/i/eg_bg_04.gif);}
</style>
</head>
<body></body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 建德市| 安达市| 武乡县| 天祝| 绿春县| 阜南县| 三原县| 阳春市| 盐城市| 黄平县| 房山区| 景谷| 曲沃县| 江山市| 分宜县| 大理市| 清水河县| 金门县| 吉安市| 正安县| 高安市| 临邑县| 化德县| 永和县| 梓潼县| 西乌珠穆沁旗| 高要市| 读书| 安岳县| 新沂市| 宾阳县| 泰州市| 兴宁市| 苗栗县| 屏边| 巴彦县| 迁安市| 隆回县| 南丹县| 麟游县| 曲水县|