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

Dreamweaver新增邊框的方法

小云云
發布: 2018-01-08 10:43:33
原創
10974 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板