CSS实例教程(2):根据案例学习培训CSS情况

2021-03-15 17:40 jianzhan

本实例教程1共3个事例:1、设定情况色调;2、设定文字的情况色调;3、将图象设定为情况.
本实例教程1共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>