国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 克什克腾旗| 临猗县| 东兴市| 嘉兴市| 年辖：市辖区| 开封县| 巫山县| 湟源县| 紫阳县| 修水县| 霍林郭勒市| 广德县| 文安县| 大余县| 毕节市| 永城市| 博罗县| 平阴县| 鲁山县| 五华县| 富平县| 临湘市| 柘荣县| 新源县| 旌德县| 兴文县| 盘山县| 龙泉市| 黄冈市| 曲松县| 邯郸市| 博白县| 新建县| 林口县| 三明市| 普格县| 万全县| 武鸣县| 永寿县| 乌兰县| 安图县|