css

来源：互联网发布：壁虎java基础视频下载编辑：程序博客网时间：2024/06/06 19:58

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
body{
/*background-color: red;*/
}
.div1{
width: 500px;
height: 500px;
background-image: url(HE.png);
background-size: 100% 100%;
/* background-clip: padding 10px 10%; */
}
h2{
font-family: Arial;
color: #4C95A2;
background: #000;
opacity: 0.5;
}
.inp1{
border-radius: 20px;
/*outline: none;*/
outline-color: red;

}

#de{
width: 200px;
height: 100px;
background-color: #bbb;
text-shadow:0px 20px 2px red;
}

.div2{
width: 300px;
height: 400px;
border:2px solid black;
background: -webkit-gradient(linear,left top,left bottom,from(#faa));
}
</style>
</head>
<body>

<img src="HE.png">
<h2>今天老子不上班，呵呵</h2>

<input class="inp1" type="text" value="坑不等于黑洞！">

<div id="de">
我在联合国买臭豆腐！
</div>

<div class="div2"></div>
</body>
</html>

0 0