以下為本站文章分類清單

 


中文版(簡體)說明

以下為本站側欄內容

以下為本頁本文內容

CSS 無圖片圓角框

名稱： CSS 無圖片圓角框
語法： CSS
適用：
說明： CSS2 規格。巧妙應用 margin 創造出不可思議的圖角框效果
備註： 本文取材自「解決學習 CSS 一定會遇到的 111 個問題」松崗出版

實作範例

使用無圖片圓角設計方案：

可以透過數層CSS樣式設計，不使用任何一張圖片，同時還可以指定邊框顏色。

卜維丰 1/30 07'

以下為文章回應區

同意轉載，不過麻煩看一下轉載需知

兔兔   2009/1/4 下午 07:15:00

不好意思，有關於"CSS 無圖片圓角框"，我是著將程式碼貼上修改一下邊框的顏色，發現如果不是#000黑色的話，上下兩條線就會不見，請問是為什麼呢？謝謝~~

卜維丰   2008/12/23 下午 11:16:00

ling, woan : 在這個圓角中, 可以放置其他 HTML 內容

不過要注意對置入的 HTML 標籤作適當邊框設定, 否則會造成框線不連接

同時這個圓角是沒有陰影效果的


woan   2008/12/23 下午 04:59:00

我想要把圓角邊框設定在表格中
表格有固定的width及heigh
請問我要如何設定圓角邊框的width及heigh？
另外圓角邊框可以做出陰影的感覺嗎？

ling   2008/12/23 下午 04:01:00

這樣子可以在圓角頁框中放置圖片嗎？

卜維丰   2008/6/18 下午 12:07:00

maaco,

的確, 這份 CSS 不容易閱讀
有些 CSS 的設計也並不實用
但卻是用來練功的好範例

這個例子, 是我由書本中提出來討論的例子

另外, 你所談到的 ja (?) 是..? 還想請教, 謝謝

maaco   2008/6/18 上午 01:53:00

運用層級去疊出圓角，讓網頁語法更顯的雜亂，現在可用ja的方式去產生圓角。在網頁原始碼看起來也更為乾淨。

jessie   2008/2/20 上午 10:17:00

我要學

divider

給個回應
姓名:
佈落格網址:
  如果您是要發問問題, 最好有個問題測試的網址, 這樣比較容易找到您問題所在, 謝謝
內容: