DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS基礎知識 >> 11.3 邊框border
11.3 邊框border
編輯:CSS基礎知識     

在之前“邊框”這一章,我們已經深入學習了邊框屬性。我們再次聲明一下,對於border(邊框)的值,我們在項目開發的時候,更多習慣用“簡潔寫法”。對於“border:1px solid gray;”這種簡潔寫法,第一個值指的是框的大小(border-width),第二個值指的是框的樣式(border-style),第三個值指的是框的顏色(border-color)。

語法:

border:像素值 邊框類型 顏色值

說明:

兩個屬性值之間一定要用空格隔開。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CSS邊框border</title>
    <style type="text/css">
        #main
        {
            width:100px;
            height:80px;
            border:2px dashed gray;
        }
    </style>
</head>
<body>
    <div id="main"></div>
</body>
</html>

在浏覽器預覽效果如下:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved