border、box-shadow的使用

Original 2019-04-11 12:00:47 219
abstract:<!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>


Correcting teacher:查无此人Correction time:2019-04-11 14:40:47
Teacher's summary:完成的不错,样式是页面灵魂,要好好学习。继续加油。

Release Notes

Popular Entries