CSS边框样式练习

原创 2019-02-25 11:10:17 326
摘要:<!DOCTYPE html><html><meta  charset=utf-8"/><head><title>CSS边框样式练习</title><link rel="icon" href="2.gif" type="image/2gif"


<!DOCTYPE html>

<html>

<meta  charset=utf-8"/>

<head>

<title>CSS边框样式练习</title>

<link rel="icon" href="2.gif" type="image/2gif" >

<link rel="stylesheet" type="text/css" href="css/hd.css">

<style type="text/css">


#bg{height:100px;width:200px;border:1px solid #F00;}

#bg1{ height:200px;width:200px;border:1px solid #F00; border-top:none;}

#button{border:none;}

#shadow{width:300px;height:40px;box-shadow:0px 6px 30px #ccc inset;}



</style>

</head>

<body>

<div id="bg">bg</div>

<div id="bg1">bg1</div>

<div id="button">登录</div>

<div id="button">shadow</div>

<p>&nbsp;</p>

<p>&nbsp;</p>

</body>


</html>


批改老师:韦小宝批改时间:2019-02-25 11:55:24
老师总结:写的很不错 css中的边框样式有很多种 可以试试利用css中的边框来完成一个相册

发布手记

热门词条