CSS实战 - 奇Y技巧之浮动

我先来一碗

于 2021-10-19 12:03:07 发布

阅读量120

点赞数

分类专栏：前端日常文章标签： css html html5

本文链接：https://blog.csdn.net/jack_bob/article/details/120843631

版权

前端日常专栏收录该内容

65 篇文章 11 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS实战 -浮动</title>
 
	<style type="text/css">
		html,body{
  /*box-sizing:border-box;*/
  margin:0;
  height:100%;
  /*background:#000000;*/
}

 .card{
   margin-top: 100px;
   margin-left: 100px;
  background: rgb(54, 221, 143); 
  border-radius: 2px; 
  height: 300px;  width: 300px;
   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
  .card:hover {  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
</style>
</head>
<body>
    <div class="card">
      2222
    </div>
</body>

鼠标指向浮动效果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我先来一碗

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS实战 - 奇Y技巧之浮动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS实战 -浮动</title> <style type="text/css"> html,body{ /*box-sizing:border-box;*/ margin:0; height:100%; /*background:#000000;*/}.
复制链接

扫一扫