邊框樣式圓角三角點(diǎn)線(xiàn)雙實(shí)線(xiàn)無(wú)邊框陰影


<!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注釋
/* 注釋內(nèi)容  */


邊框:
border-color:  顏色
-width:  寬度   默認(rèn)3px
-style:  樣式
none  無(wú)邊框
solid 實(shí)線(xiàn)
double雙實(shí)線(xiàn)
dashed虛線(xiàn)
dotted點(diǎn)線(xiàn)

border: color  style   width;

border-radius:   圓角
outline  外邊框

作業(yè):
border-left-radius  三角形

box-shadow  陰影


-->

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

<input type="text" />

</body>
</html>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容