2013-04-04 110 views
0

如何在textarea中設置行的樣式? 如果我想有一個底部邊界來模擬一本書?將css樣式設置爲HTML textarea行

+1

需要了解更多信息或者你想達到什麼樣的一個例子。你不能風格的單排一個textarea裏面 - 你只能樣式文本區域作爲一個整體...... – 2013-04-04 09:19:22

+0

短的問題有一個簡單的答案: http://www.w3schools.com/cssref/css3_pr_border- image.asp http://www.w3schools.com/css3/css3_borders.asp 好運 – 2013-04-04 09:21:10

回答

-1

只需設置一些適當的CSS樣式和背景圖像爲您的textarea:

textarea { 
    background: url(http://i.stack.imgur.com/ynxjD.png) repeat-y; 
    width: 400px; 
    height: 300px; 
    font: normal 14px verdana; 
    line-height: 25px; 
    padding: 2px 10px; 
    border: solid 1px #ddd; 
} 

演示:http://jsfiddle.net/q3FhL/

+0

這風格,整個文本區域,而不是一個行而言,由於要求。 – 2013-04-04 10:37:13

+0

@ JukkaK.Korpela好吧,讓我們看看OP如何反應,但我不認爲它應該得到downvote :) – Eli 2013-04-04 10:39:25

+0

感謝您的答案!我已經在互聯網上找到了這個解決方案,但這不是我正在尋找的。輸出是好的,但我不能使用背景圖像。 :-( – Martina 2013-04-04 18:08:43