圆角边界使用Div？ [英] Round corner borders Using Div?

问题描述

大家好，

如何使用div打造圆角宿舍？与

图像或没有图像。请帮助我！

-

harish

------------------- -------------------------------------------------- ---

harish'的简介： http：/ /www.highdots.com/forums/m11

查看此主题： http://www.highdots.com/forums/t174579

Hi everyone,
How to make a round corner dorders using div? with
images or without images. Pls help me!
--
harish
------------------------------------------------------------------------
harish''s Profile: http://www.highdots.com/forums/m11
View this thread: http://www.highdots.com/forums/t174579

推荐答案

决定为了人类的利益做一些事情，哈利希望

< ha *********** @ no-mx.forums.yourdomain.com.au>在

comp.infosystems中声明。 www.authoring.stylesheets：

Deciding to do something for the good of humanity, harish
<ha***********@no-mx.forums.yourdomain.com.au> declared in
comp.infosystems.www.authoring.stylesheets:

如何使用div制作圆角宿舍？带有
图像或没有图像。请帮助我！

How to make a round corner dorders using div? with
images or without images. Pls help me!

http：/ /www.albin.net/CSS/roundedCorners/

-

Mark Parnell

我的Usenet是改善;你的也可以：
http://blinkynet.net/comp/uip5 .html

2006年5月11日星期四15:07:53 +1000 Mark Parnell< we ******* @ clarkecomputers.com .AU>写道：

|决定为了人类的利益做一些事情，就会扼杀

| <公顷*********** @ no-mx.forums.yourdomain.com.au>声明在

| comp.infosystems。 www.authoring.stylesheets：

|

|>如何使用div制作圆角宿舍？与

|>图像或没有图像。请帮助我！

|

| http://www.albin.net/CSS/roundedCorners/


那么如何制作带有边框装饰的圆角呢？边框装饰也沿着两侧显示

？最简单的是一个边框，它与外部背景或内部背景颜色不同。

。我有更复杂的

示例，但他们不在IE中工作（仅测试了Firefox，IE的结果

由其他人报告）。

http：//phil.ipal。 org / usenet / ciwas / 2006-05-11 / rcb1.html


注意圆角朝向底部框的半径增加。

如果图像无法加载，那么这些框最终会保持其初始正方形

的边界。


这里有一些我做了几年的例子以前只使用GIF图像文件和

HTML表格（以及其中很多）。注意：查看 - >来源可能对您的愿景造成危害。

http://phil.ipal.org/usenet/ciwas/2006-05-11/rbox.html


-

------------------------------- ----------------------------------------------

| Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ |

| （名字）在ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ |

--------- -------------------------------------------------- ------------------

On Thu, 11 May 2006 15:07:53 +1000 Mark Parnell <we*******@clarkecomputers.com.au> wrote:
| Deciding to do something for the good of humanity, harish
| <ha***********@no-mx.forums.yourdomain.com.au> declared in
| comp.infosystems.www.authoring.stylesheets:
|
|> How to make a round corner dorders using div? with
|> images or without images. Pls help me!
|
| http://www.albin.net/CSS/roundedCorners/

So how can one make rounded corners WITH border decorations that also show
up along the sides? The simplest is a border that is a different color than
either the outside background or the inside background. I have more complex
examples but they don''t work in IE (only tested Firefox, results from IE
were reported by others).

http://phil.ipal.org/usenet/ciwas/2006-05-11/rcb1.html

Note the increasing radius of the rounded corners toward the bottom boxes.
If the images fail to load, the boxes end up keeping their initial square
borders.

Here''s some examples I did a few years ago using only GIF image files and
HTML tables (and a lot of them). Beware: View->Source may be hazardous to
your vision.

http://phil.ipal.org/usenet/ciwas/2006-05-11/rbox.html

--
-----------------------------------------------------------------------------
| Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ |
| (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ |
-----------------------------------------------------------------------------

这不是你想要的答案......但是我的方式圆形边框

是在我的CSS定义中放置


border-radius：0.5em;


，以及然后等待CSS3得到支持。我可以等待。
可以等待。


对我而言，目前制作圆形边框的方法都是黑客攻击，并且

我是对这些并不特别感兴趣。所以我使用了斜面边框，

或者插入物，或者脊椎，或者CSS2目前提供的其他东西。


-A

This isn''t the answer you want... but the way I make rounded borders
is to put

border-radius: 0.5em;

in my CSS definition, and then wait for CSS3 to get supported. I
can wait.

To me, the current methods of making rounded borders are hacks, and
I''m not particularly interested in those. So I use beveled borders,
or insets, or ridges, or others that CSS2 currently offers.

-A

这篇关于圆角边界使用Div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！