巧妙在FrontPage中給網頁加入一條豎直線

來源:互聯網
上載者:User
frontpage|網頁   在網頁中畫條橫線都用<hr>語句,即可插入一條水平線,但如何插入一條豎直線呢? 我們既可以利用<hr>的方法,也可以利用插入表格的方法。
  
  方法一:利用<hr>語句插入豎直線。在建立網頁中插入一條水平線,然後將此線選中,單擊滑鼠右鍵,選擇“水平線屬性”命令,將其寬度設為1個像素,高度為100像素,一條高為100像素的垂直線就出來了(圖1)。

圖1

  想要更長的線,可以將高度設大,雖然網頁中的直線會立刻加長,但實際運行時,豎直線怎麼還是那麼長,沒有任何改變啊!這是為什嗎?那是因為HTML只認可100像素高的水平線。如果這時您加上一個斷行符號鍵,然後再畫一條同樣的水平線,或者在豎直方向上的兩個儲存格內都加上一條同樣的水平線即可將豎直線加長。通式還可以改變線的顏色達到不同的效果。
  
  方法二:利用插入表格加入豎直線。插入一個表格,在表格上單擊滑鼠右鍵,選中“表格屬性”,設定表格的儲存格邊距和間距均為0,邊框粗細為1,勾選“指定寬度”,輸入1,設定該表格的指定寬度為1個像素,勾選“指定高度”,輸入100,設定高度為100個像素,再設定合適的背景色如黑色即可(圖2)。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。