首頁  >  文章  >  web前端  >  css中border是什麼意思

css中border是什麼意思

青灯夜游
青灯夜游原創
2019-05-29 17:09:4122649瀏覽

css中border是什麼意思

css中border是什麼意思?有什麼用?

border是邊框的意思,它是css的一個簡寫屬性,用於在一個聲明中設定所有的邊框屬性。可以設定的邊框屬性有:邊框的寬度、邊框的樣式、邊框的顏色。

說明:

可以依序設定以下屬性:border-width,border-style,border-color。其中

● border-width:指定邊框的寬度

● border-style:指定邊框的樣式

● border-color:指定邊框的顏色

如果不設定其中的某個值,也不會出問題,例如border:solid #ff0000; 也是允許的。

css border屬性的使用範例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style type="text/css">
p {
  width: 450px;
  margin: 50px 0px;
}
.p1 {
border: medium double rgb(250,0,255)
}
.p2 {
border:2px solid red;
}
.p3 {
border:2px dotted rgb(250,0,255);
}
</style>
</head>
<body>
<p class="p1">Some text</p>
<p class="p2">Some text</p>
<p class="p3">Some text</p>
</body>
</html>

效果圖:

css中border是什麼意思##

以上是css中border是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn