網域名稱俱樂部 - 請教一段圓弧度導角背景色的html語法？

網域名稱俱樂部 (https://www.domainclub.org/index.php)

- 網站製作與設計接案 (https://www.domainclub.org/forumdisplay.php?f=41)

- - 請教一段圓弧度導角背景色的html語法？ (https://www.domainclub.org/showthread.php?t=19646)

請教一段圓弧度導角背景色的html語法？

之前看過，用html語法完成如下圖紅色圓弧度導角背景色，非圖片。

有人知道該html語法？謝謝。

http://img412.imageshack.us/img412/5090/arcdd9.gif

可以試試這個
http://www.roundedcornr.com/

引用:

作者: polin (文章 116051)

可以試試這個
http://www.roundedcornr.com/

剛試了一下，它輸出的語法中，也還包含著圖片。

需求在譬如：<div id="background" style="BACKGROUND-COLOR: $user_bgcolor">
$user_bgcolor 留給user自定，實現該圓角背景色。

曾看過的那段語法很簡短，無需用到圖檔。

你說的是類似
-moz-border-radius: 10px;
這樣的嗎？

我記得這個css style好像IE不支援的樣子~
firefox有支援！

引用:

作者: alextung (文章 116065)

你說的是類似
-moz-border-radius: 10px;
這樣的嗎？

我記得這個css style好像IE不支援的樣子~
firefox有支援！

對，印象類似。

未留意到ie & firefox是否皆可正常顯示，手上有這語法範例嗎，讓我試試看。謝謝

打算制作的樣本
http://asiaz.com/video/

撥放器上下目前是圖檔，亦是想克服的地方。
整個會結合PHP+MySql+RSS，給user去自訂喜好的影音撥放器，利用色彩值達到無限制樣式。

還是；另有其他方式可以克服？:bow

引用:

作者: cool (文章 116107)

您可以切四個角的 "gif" 圖檔,

http://i191.photobucket.com/albums/z39/gagameme/2a.gif

切一個 9x9 的表格, 將四個角放在1,3,7,9的位置, 當改便表格的顏色, 目前紅色的部份就會變成您要的顏色, 不知道是不是您要的效果?

目前沒有單純用HTML可達成您說的效果. 實作上都利用圖檔在做.

看看這個是不是你要的

代碼:

<DIV id=Rounded_Corners2_by_Gene align=center>

<DIV id=t1 style="OVERFLOW: hidden; WIDTH: 238px;(t1); HEIGHT: 1px; BACKGROUND-COLOR: #666666"></DIV>

<DIV id=t2 style="OVERFLOW: hidden; WIDTH: 244px;(t2=t1+6); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c2 style="OVERFLOW: hidden; WIDTH: 238px;(c2=t1); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t3 style="OVERFLOW: hidden; WIDTH: 248px;(t3=t2+4); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c3 style="OVERFLOW: hidden; WIDTH: 244px;(c3=t2); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t4 style="OVERFLOW: hidden; WIDTH: 250px;(t4=t3+2); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c4 style="OVERFLOW: hidden; WIDTH: 248px;(c4=t3); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t5 style="OVERFLOW: hidden; WIDTH: 252px;(t5=t4+2); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c5 style="OVERFLOW: hidden; WIDTH: 250px;(c5=t4); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t6 style="OVERFLOW: hidden; WIDTH: 254px;(t6=t5+2); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c6 style="OVERFLOW: hidden; WIDTH: 252px;(c6=t5); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t7 style="OVERFLOW: hidden; WIDTH: 256px;(t7=t6+2); HEIGHT: 2px; BACKGROUND-COLOR: #666666"><DIV id=c7 style="OVERFLOW: hidden; WIDTH: 254px;(c7=t6); HEIGHT: 2px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t8 style="OVERFLOW: hidden; WIDTH: 258px;(t8=t7+2); HEIGHT: 2px; BACKGROUND-COLOR: #666666"><DIV id=c8 style="OVERFLOW: hidden; WIDTH: 256px;(c8=t7); HEIGHT: 2px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=main style="OVERFLOW: hidden; WIDTH: 260px; HEIGHT: 100px; BACKGROUND-COLOR: #666666">

<DIV id=main style="OVERFLOW: hidden; WIDTH: 258px; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff"><BR><FONT face=Verdana color=#333330>測試</FONT></DIV></DIV>

<DIV id=t8 style="OVERFLOW: hidden; WIDTH: 258px; HEIGHT: 2px; BACKGROUND-COLOR: #666666"><DIV id=c8 style="OVERFLOW: hidden; WIDTH: 256px; HEIGHT: 2px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t7 style="OVERFLOW: hidden; WIDTH: 256px; HEIGHT: 2px; BACKGROUND-COLOR: #666666"><DIV id=c7 style="OVERFLOW: hidden; WIDTH: 254px; HEIGHT: 2px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t6 style="OVERFLOW: hidden; WIDTH: 254px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c6 style="OVERFLOW: hidden; WIDTH: 252px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t5 style="OVERFLOW: hidden; WIDTH: 252px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c5 style="OVERFLOW: hidden; WIDTH: 250px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t4 style="OVERFLOW: hidden; WIDTH: 250px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c4 style="OVERFLOW: hidden; WIDTH: 248px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t3 style="OVERFLOW: hidden; WIDTH: 248px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c3 style="OVERFLOW: hidden; WIDTH: 244px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t2 style="OVERFLOW: hidden; WIDTH: 244px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c2 style="OVERFLOW: hidden; WIDTH: 238px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>

<DIV id=t1 style="OVERFLOW: hidden; WIDTH: 238px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"></DIV></DIV>

先感謝諸位，最後再擇一方式。