CSS教程(2):通过实例学习CSS背景

遭殃煽叵

遭殃煽叵

2016-02-19 23:57

图老师小编精心整理的CSS教程(2):通过实例学习CSS背景希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

本教程一共三个例子: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、设置文本的背景颜色

本例颜色如何设置部分文本的背景颜色。 看到此信息请您谅解!webjxcom为了防采集加上的!请到网页教学网浏览更多信息。

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)3、将图像设置为背景

本例演示如何将图像设置为背景。

html
head
style type="text/css"
body {background-image:url(/i/eg_bg_04.gif);}
/style
/head
body/body
/html

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

CSS教程(2):通过实例学习CSS背景

Web开发
CSS教程(2):通过实例学习CSS背景

CSS教程(5):通过实例学习CSS背景

Web开发
CSS教程(5):通过实例学习CSS背景

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS教程(4):通过实例学习CSS背景

Web开发
CSS教程(4):通过实例学习CSS背景

CSS教程(3):通过实例学习CSS背景

Web开发
CSS教程(3):通过实例学习CSS背景

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程:通过实例学习CSS布局网页

Web开发
CSS教程:通过实例学习CSS布局网页

CSS教程:通过实例学习和理解CSS盒模型

Web开发
CSS教程:通过实例学习和理解CSS盒模型

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

网页布局教程:CSS多列布局问题简单解决方案

网页布局教程:CSS多列布局问题简单解决方案

效能日记本软件介绍及使用教程

效能日记本软件介绍及使用教程
下拉加载更多内容 ↓