首頁 >web前端 >css教學 >Dreamweaver新增邊框的方法

Dreamweaver新增邊框的方法

小云云
小云云原創
2018-01-08 10:43:3310976瀏覽

Dreamweaver怎麼加入邊框? Dreamweaver想要製作一個紅色邊框,該怎麼製作呢?下面我們就來看看Dreamweaver邊框的製作方法,需要的朋友可以參考下,希望能幫助大家。

Dreamweaver簡設計網頁的時候,想要加入邊框,該怎麼加入呢?下面我們就來看看詳細的教學。


  • 軟體名稱:

  • #Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解補丁+安裝教學) 64位元

  • 軟體大小:

  • ##758MB

  • 更新時間:

  • 2016-11-05

1、首先我們要開啟

DW編輯工具

2、進入之後新建一個檔案。

3、從中選擇

HTML檔案,點選建立。

4、這樣我們就進入編輯介面了。

5、接下來我們編輯上一個「

p」標籤,命名為box。

6、在建立一個樣式,寫上.

box{   }。

7、在css樣式.box{  }裡加上這個程式碼「

border:solid 1px #333333;」。

8、這樣在瀏覽器上就可以顯示邊框啦。

大家學會了嗎?趕快動手嘗試。


相關建議:

CSS3實作逐漸發光的方格邊框實例

html 邊框虛線的實作步驟

css的網頁邊框程式碼#

以上是Dreamweaver新增邊框的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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