<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
table{
/* 邊框合并 */
border-collapse:collapse;
}
.box{
width: 100px;
height: 100px;
border:1px solid #ccc;
/*
box-shadow: 水平偏移量 垂直偏移量 模糊大小 擴(kuò)展半徑 模糊色
*/
}
.box:hover{
box-shadow:0px 5px 30px -3px #ccc;
transition:box-shadow .3s linear;
}
</style>
</head>
<body>
<table border='1' width='500px' height='200px' cellpadding="0" cellspacing="0">
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
</table>
<hr>
<div class='box'></div>
</body>
</html>
邊框的水平垂直模糊大小陰影
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
推薦閱讀更多精彩內(nèi)容
- (1) better-scroll插件 官網(wǎng):https://ustbhuangyi.github.io/bett...
- 大小不固定的圖片和多行文字的垂直水平居中一、大小不固定,多行文字的垂直居中① 單行文字可能很多人都知道如何讓單行文...
- 只要馬斯克一發(fā)推文,就不得不關(guān)注,因?yàn)榭倳兄档闷诖拇笮侣劇?之前寫過一篇關(guān)于Autopilot 2.0的文章,...