編碼使用級聯樣式表(CSS)設計級聯樣式表(CSS)
-2
A
回答
1
這就是所謂的border-radius獲得圓角的文本框中。
如果你想要挑剔,你可以回到舊的四個部門,每個部門都有一個不同的角落,背景中指定的方框。
CSS:
div.box { background: url(top-left.png) top left no-repeat }
div.box div { background: url(top-right.png) top right no-repeat }
div.box div div { background: url(bottom-right.png) bottom right no-repeat }
div.box div div div { background: url(bottom-left.png) bottom left no-repeat }
div.box div div div div { background: none } // So extra divisions don't add another corner
HTML:
<div class="box"><div><div><div>
Some text, blah blah blah
</div></div></div></div>
實際上我用這個方法爲我的網站,然後使用邊界半徑像輸入字段和小的小盒子不重要的東西在這裏和那裏。
+0
可能值得一提的是,CSS精靈對於這個(並且非常合適)會更好。 – alex 2010-06-10 23:57:40
1
input[type='text']
{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
你也可以試試這個http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
1
生成任何你想要的:http://css3please.com/
相關問題
- 1. 內聯樣式表級聯樣式表
- 2. CSS樣式不'級聯'?
- 3. 過載級聯樣式表
- 4. 級聯樣式表浮動
- 5. 使用CSS爲表格設計樣式
- 6. 嵌入式CSS hacks vs單獨的級聯樣式表
- 7. 樣式級聯列表到表
- 8. 在CSS中指定圖像高度px /%(級聯樣式表)
- 9. 如何使用JavaScript動態更改級聯樣式表(CSS)
- 10. 爲什麼css被稱爲級聯樣式表?
- 11. 級聯樣式表中「級聯」的含義是什麼?
- 12. 我的級聯樣式表被盜鏈
- 13. 提取部分級聯樣式表
- 14. VS 2010 SP1級聯樣式表禁用
- 15. 級聯樣式表定位問題
- 16. 級聯樣式表導航欄
- 17. 高級css/html表格樣式
- 18. CSS列表樣式:低級Alpha問題
- 19. 如何在級聯樣式表(CSS)中篩選iframe的CSS規則路徑?
- 20. Google Feed Control - 使用CSS設計樣式
- 21. 使用CSS設計樣式下拉
- 22. 如何使用CSS設計HTML樣式?
- 23. 材質設計的CSS樣式問題
- 24. Django中的CSS表格樣式不顯示錶格設計
- 25. 禁用內聯CSS樣式
- 26. JSX css內聯樣式
- 27. 覆蓋內聯CSS樣式
- 28. PHP類內聯CSS樣式?
- 29. 使用內聯樣式設計單個列表項目?
- 30. CSS樣式表
誘惑進行編輯,但首先,讓我知道你的意思是文本框,如'