正方形与圆边框

Original 2019-06-01 14:01:19 167
abstract:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>正方形与圆边框的css</title>

<style>

.d{

width: 150px;

height: 150px;

border:1px solid #00F;

}

.s{

width: 150px;

height: 150px;

border:1px solid #00F;

border-radius: 50%;

}

.p{

width: 100px;

height: 100px;

border:1px dashed #000;

border-radius: 50%;

}

</style>

</head>

<body>

<div class="d">

<div class="s">

<div class="p">


</div>

</div>

</div>

</body>

</html>


Correcting teacher:天蓬老师Correction time:2019-06-03 09:41:38
Teacher's summary:边框的样式, 其实还有很多的, 并且配合窗口阴影, 可以实现许多有趣的东西

Release Notes

Popular Entries