边框样式圆角三角点线双实线无边框阴影


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
.box{
width:100px;
height:100px;
background-color:orange;
border-color:green;
border-style:solid;
border-width:5px;

border:red 5px solid;
border-radius:10%;  /*常用百分比*/

}

input{
/* border:1px solid red; */
/* outline:none; */
}

</style>
</head>
<body>
<!--
css注释
/* 注释内容  */


边框:
border-color:  颜色
-width:  宽度   默认3px
-style:  样式
none  无边框
solid 实线
double双实线
dashed虚线
dotted点线

border: color  style   width;

border-radius:   圆角
outline  外边框

作业:
border-left-radius  三角形

box-shadow  阴影


-->

<div class='box'></div>

<input type="text" />

</body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容