:::網頁中的視窗-2:::
範例 (笑話集)

                    
貼在<body>  指定位置  </body>

請將下列語法複製後先貼至﹝語法測試區02﹞內按「複製到剪貼簿」,再貼到HTML (或貼到記事本再複製貼到 HTML 中也可以)。

<p align="center">

<textarea name="li_net" rows="12" cols="56" style="scrollbar-arrow-color: #E0F2FC; scrollbar-track-color: #E0F2FC; scrollbar-base-color: #34A8E7; scrollbar-dark-shadow-color: #1475aa; font-size: 10pt; background-color: #E0F2FC; color: #003399; line-height: 150%; border: 1 outset #1475aa">

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

輸入文字內容,輸入文字內容。

</textarea>

可更改的部份:

1. FrontPage的軟體可在小視窗上滑鼠左鍵兩下 ,出現一個「多行式文字方塊內容」設定框, → 樣式 → 修改樣式 → 格式 →在字型、段落、框線......修改各項設定。

2. 如果要加入背景圖片→「....style="....;background-image: url('圖檔檔名路徑');  ....」。

※ 這個小視窗捲軸變色的內容與網頁捲軸變色都是一樣的,請參考﹝捲軸變色-2﹞﹝捲軸變色-3﹞

※ 一般網頁在 Dreamweaver 軟體編輯時,除非將程式碼最前面一段「"http://www.w3.org/TR/html4/loose.dtd">」刪掉,否則捲軸變色是沒法有作用,但這種小視窗的捲軸變色還是可以看到效果,只是「border: 1 solid #1475aa"」外框線這一段沒作用。

 --隨意玩網--語法練習--
△TOP