带来一篇CSS教程(2):经由过程实例进修CSS背景
最新版本html5+css3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。破洛洛文章简介:本教程一共三个例子:1、设置背景色彩;2、设置文本的背景色彩;3、将图象设置为背景.
本教程一共三个例子:1、设置背景色彩;2、设置文本的背景色彩;3、将图象设置为背景。
参考破洛洛关于CSS背景的实际常识:CSS教程(1):进修CSS背景相干常识
1、设置背景色彩
本例演示怎样为元素设置背景色彩。
<html>
<head>
<styletype="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>
<pclass="no2">这个段落设置了内边距。</p>
</body>
</html>
2、设置文本的背景色彩
本例色彩怎样设置部分文本的背景色彩。看到此信息请您体谅!poluoluocom为了防收罗加上的!请到破洛洛扫瞄更多信息。
<html>
<head>
<styletype="text/css">
span.highlight
{
background-color:yellow
}
</style>
</head>
<body>
<p>
<spanclass="highlight">这是文本。</span>这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。<spanclass="highlight">这是文本。</span>
</p>
</body>
</html>
3、将图象设置为背景
本例演示怎样将图象设置为背景。
<html>
<head>
<styletype="text/css">
body{background-image:url(/i/eg_bg_04.gif);}
</style>
</head>
<body></body>
</html>
强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。 直接用代码建立链接,如:可以直接输入<aherf=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 可以使用 CSS 检查工具进行设计。 俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。 由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。 俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
页:
[1]