搜索

border、box-shadow的使用

原创 2019-04-11 12:00:47 560
摘要:<!DOCTYPE html><html><head> <title>圆柱状</title> <style type="text/css"> *{ margin:0;padding:0; } li{ list-style: none; padding:5px; } .shadow{

<!DOCTYPE html>

<html>

<head>

<title>圆柱状</title>

<style type="text/css">

*{

margin:0;padding:0;

}

li{

list-style: none;

padding:5px;

}

.shadow{

background-color: #fff;

width: 100px;

margin:50px auto;

text-align: center;

box-shadow: 0 20px 20px #ed4040 inset; 

cursor:pointer;

border:1px solid #ccc;

border-radius:5px;

}

</style>

</head>

<body>

<div class="shadow">

<ul>

<li>导航</li>

</ul>

<span></span>

</div>

</body>

</html>


批改老师:查无此人批改时间:2019-04-11 14:40:47
老师总结:完成的不错,样式是页面灵魂,要好好学习。继续加油。

发布手记

热门词条