以下為本站文章分類清單

  1. AJAXspacer
  2. ASPspacer
  3. CSSspacer
  4. Javascriptspacer
  5. Windows 應用程式spacer
  6. 網頁設計
  7. 評論、短文、雜文spacer
  8. 版主spacer
  9. 最新回應spacer

以下為本頁本文內容

CSS 無圖片圓角框

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

實作範例

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

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

卜維丰 1/30 07'

以下為文章回應區

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

manicure   2017/5/4 下午 12:00:00

Very soon this web site will be famous amid all blogging visitors,
due to it's fastidious articles or reviews

BHW   2017/4/14 上午 01:54:00

I know this web site gives quality depending articles or reviews
and other information, is there any other web page which presents these stuff in quality?

兔兔   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

我要學

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