css的border屬性預設值

antzone發表於2017-03-02
CSS

本章節介紹一下border屬性的一些預設值，這雖然是不起眼的細節，但是如果沒有清晰的把我可能會在一些應用造成一些困擾。

先看一段程式碼:

[CSS] 純文字檢視 複製程式碼
div{
  height:100px;
  width:100px;
}

在以上程式碼中，沒有設定關於邊框的任何相關屬性，這是時候div和邊框是無緣的，這一點毫無疑問。

再來看一段程式碼:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
div{
  height:100px;
  width:100px;
  border-style:solid;
}
</style>
</head>
<body>
<div id="thediv"></div>
</body>
</html>

相關文章