仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2572|回复: 9
打印 上一主题 下一主题

[DIV+CSS] 带来一篇CSS教程(2):经由过程实例进修CSS背景

[复制链接]
小女巫 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:01:33 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
最新版本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标签好多了。
飘灵儿 该用户已被删除
沙发
发表于 2015-1-17 14:47:00 | 只看该作者
直接用代码建立链接,如:可以直接输入<aherf=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
再见西城 该用户已被删除
板凳
发表于 2015-1-20 20:29:01 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
若天明 该用户已被删除
地板
发表于 2015-1-29 22:47:10 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
分手快乐 该用户已被删除
5#
发表于 2015-2-6 05:53:47 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
愤怒的大鸟 该用户已被删除
6#
发表于 2015-2-15 15:03:18 | 只看该作者
可以使用 CSS 检查工具进行设计。
爱飞 该用户已被删除
7#
发表于 2015-3-4 11:57:23 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
第二个灵魂 该用户已被删除
8#
发表于 2015-3-11 19:28:49 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
活着的死人 该用户已被删除
9#
发表于 2015-3-19 10:32:32 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
精灵巫婆 该用户已被删除
10#
发表于 2015-3-27 20:10:43 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 08:39

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表