<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3:HSL和HSLA</title>
<style type="text/css">
body{
background-color: #c8c8c8;
background-color: hsl(0,0%,78%);
color: white;
padding: 20px;
font-family:Arial,Verdana,sans-serif;}
h1{
background-color: Darkcyan;
padding: inherit;}
h2{
background-color: #ee3e80;
padding: inherit;
}
p{
background-color:#ffffff;
background-color: hsla(0,100%,100%,0.5);
color: #64645A;
padding: inherit;
}
</style>
</head>
<body>
<h1>Marine Biology</h1>
<h2>The Composition of Seawater</h2>
<p>Almost anything can be found in seawater.
This includes dissolved materials from Earth's crust as well as materials released
from organisms. The most important components
of seawater that influence life forms are salinity,
temperature, dissolved gases (mostly oxygen and carbon dioxide),
nutrients, and pH. These elements vary in their composition
as well as in their influence on marine life.</p>
</body>
</html>
CSS3:HSL和HSLA
原创
©著作权归作者所有:来自51CTO博客作者h88865的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【CSS】第九讲:CSS基本选择器(1)
本文讲了部分CSS选择器
选择器 属性值 基本语法 -
CSS3过渡效果(CSS3)
CSS3过渡效果(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
css css3 html5 html 过渡效果 -
CSS/CSS3
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
css css3 html 前端 动画 -
CSS3
css3其实现在的浏览器已经支持得很好了,并且有些属性,原来我之前已经不经意使用
css3 背景图片 css