中文字幕黄色大片,丝袜人妻一区二区三区,wwwwxxxx日韩

導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立...

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

在網頁布局中，有時候為了整體網頁的美觀可能需要設置虛線邊框，那么虛線邊框怎么設置呢？本篇文章就來給大家介紹一下如何使用css來設置虛線邊框。

首先我們應該知道css的border為邊框屬性，可以實現對象邊框的效果，像是設置邊框寬度、邊框顏色、邊框樣式（實線還是虛線）等。

下面我們就來具體看看css的border邊框屬性設置邊框虛線的方法

border中dotted跟dashed都是可以用來設置邊框虛線的，只是dashed設置長方形點的虛線，而dotted設置正方形點的虛線。（相關推薦：css學習手冊）接下來我們就來分別看看兩種虛線邊框的實現代碼。

1、利用dashed設置虛線邊框

代碼如下：

<!DOCTYPE html>
<html>
<head>
    <title></title>
<style type="text/css">
    div{
        width: 100px;
        height: 100px;
        border: dashed;
    }
</style>
</head>
<body>
<div>虛線邊框</div>
</body>
</html>

虛線邊框效果如下：

2345截圖20181027102021.png

如果你想將虛線邊框加上顏色和虛線邊框變細一點的話可以這樣做：

div{
        width: 100px;
        height: 100px;
    border: 2px dashed lightblue;
    }

虛線邊框效果就會變成如下所示：

2345截圖20181027102306.png

2、利用dotted設置虛線邊框

代碼如下：

<!DOCTYPE html>
<html>
<head>
    <title></title>
<style type="text/css">
    div{
        width: 100px;
        height: 100px;
    border: dotted;
    }    
</style>
</head>
<body>
<div>虛線邊框</div>
</body>
</html>

虛線邊框效果如下：

2345截圖20181027102603.png

同樣的如果要改變一下上述虛線邊框的樣式可以改變代碼如下：

div{
        width: 100px;
        height: 100px;
    border: 2px dotted lightblue;
    }

虛線邊框效果如下：

2345截圖20181027102917.png

本篇文章到這里就全部結束了，更多精彩內容可以關注php中文網相關欄目教程！！！

以上就是css如何設置虛線邊框？css設置虛線邊框的方法示例的詳細內容，更多請關注php中文網其它相關文章！

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:雨林木風下載站 > 網頁設計教程 > 詳細頁面

css如何設置虛線邊框？css設置虛線邊框的方法示例

本類教程下載

系統下載排行