css外观样式例子春天 |css bgcl

body{
background-color: #ADEAE0;
/*设置背景颜色为浅绿色*/
}
h1{
font-size: 3em;
color: #FFC400;
/*设置标题字体大小为3em，颜色为橙色*/
}
p{
font-size: 1.2em;
color: #28527A;
/*设置正文字体大小为1.2em，颜色为深蓝色*/
}
img{
border-radius: 50%;
/*设置图片为圆形*/
}
.button{
background-color: #FBB13C;
color: #ffffff;
padding: 10px 20px;
border-radius: 5px;
/*设置按钮背景颜色为橙色，
文字颜色为白色，上下方向内边距为10px，左右方向内边距为20px，圆角半径为5px*/
}
a{
color: #5DA5DA;
/*设置链接颜色为浅蓝色*/
text-decoration: none;
/*去掉链接下划线*/
}
a:hover{
color: #28527A;
/*鼠标悬停时，链接颜色变为深蓝色*/
text-decoration: underline;
/*鼠标悬停时，添加下划线*/
}

现在，大家的网页有了一些春天的味道。背景变成了浅绿色，标题变成了橙色，文字变成了深蓝色。图片也变成了圆形，按钮背景变成了橙色，链接变成了浅蓝色。让大家欢迎春天的到来吧！