圆角的拼音怎么写

圆角代码怎么写

1.用DIV+CSS写圆角代码怎么写

HTML代码

<html> <head> <title>3D圆角</title> <style type=text/css> .raised{background:transparent;width:40%;} .raised h1,.raised p{margin:0 10px;} .raised h1{font-size:2em;color:#fff;} .raised p{padding-bottom:0.5em;} .raised .b1,.raised .b2,.raised .b3,.raised .b4,.raised .b1b,.raised .b2b,.raised .b3b,.raised .b4b{display:block;overflow:hidden;font-size:1px;} .raised .b1,.raised .b2,.raised .b3,.raised .b1b,.raised .b2b,.raised .b3b{height:1px;} .raised .b2{background:#ccc;border-left:1px solid #fff;border-right:1px solid #eee;} .raised .b3{background:#ccc;border-left:1px solid #fff;border-right:1px solid #ddd;} .raised .b4{background:#ccc;border-left:1px solid #fff;border-right:1px solid #aaa;} .raised .b4b{background:#ccc;border-left:1px solid #eee;border-right:1px solid #999;} .raised .b3b{background:#ccc;border-left:1px solid #ddd;border-right:1px solid #999;} .raised .b2b{background:#ccc;border-left:1px solid #aaa;border-right:1px solid #999;} .raised .b1{margin:0 5px;background:#fff;} .raised .b2, .raised .b2b{margin:0 3px;border-width:0 2px;} .raised .b3, .raised .b3b{margin:0 2px;} .raised .b4, .raised .b4b{height:2px; margin:0 1px;} .raised .b1b{margin:0 5px; background:#999;} .raised .boxcontent{display:block;background:#ccc;border-left:1px solid #fff;border-right:1px solid #999;} </STYLE> </head> <body> <div class="raised"> <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> <div class="boxcontent"> <h1>3D圆角</h1> </div> <b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b> </div> </body> </html>

2.怎么用代码写一个圆角矩形

C# protected void Page_Load(object sender, EventArgs e) { Bitmap bm = new Bitmap(800, 600); Graphics g = Graphics.FromImage(bm); g.FillRectangle(Brushes.White,new Rectangle(0,0,800,600)); FillRoundRectangle(g,Brushes.Plum,new Rectangle(100, 100, 100, 100), 8); DrawRoundRectangle(g, Pens.Yellow,new Rectangle(100, 100, 100, 100), 8); bm.Save(Response.OutputStream, ImageFormat.Jpeg); g.Dispose(); bm.Dispose(); } public static void DrawRoundRectangle(Graphics g,Pen pen,Rectangle rect, int cornerRadius) { using (GraphicsPath path = CreateRoundedRectanglePath(rect, cornerRadius)) { g.DrawPath(pen, path); } } public static void FillRoundRectangle(Graphics g, Brush brush,Rectangle rect, int cornerRadius) { using (GraphicsPath path = CreateRoundedRectanglePath(rect, cornerRadius)) { g.FillPath(brush, path); } } internal static GraphicsPath CreateRoundedRectanglePath(Rectangle rect, int cornerRadius) { GraphicsPath roundedRect = new GraphicsPath(); roundedRect.AddArc(rect.X, rect.Y, cornerRadius * 2, cornerRadius * 2, 180, 90); roundedRect.AddLine(rect.X + cornerRadius, rect.Y, rect.Right - cornerRadius * 2, rect.Y); roundedRect.AddArc(rect.X + rect.Width - cornerRadius * 2, rect.Y, cornerRadius * 2, cornerRadius * 2, 270, 90); roundedRect.AddLine(rect.Right, rect.Y + cornerRadius * 2, rect.Right, rect.Y + rect.Height - cornerRadius * 2); roundedRect.AddArc(rect.X + rect.Width - cornerRadius * 2, rect.Y + rect.Height - cornerRadius * 2, cornerRadius * 2, cornerRadius * 2, 0, 90); roundedRect.AddLine(rect.Right - cornerRadius * 2, rect.Bottom, rect.X + cornerRadius * 2, rect.Bottom); roundedRect.AddArc(rect.X, rect.Bottom - cornerRadius * 2, cornerRadius * 2, cornerRadius * 2, 90, 90); roundedRect.AddLine(rect.X, rect.Bottom - cornerRadius * 2, rect.X, rect.Y + cornerRadius * 2); roundedRect.CloseFigure(); return roundedRect; } C/C++ void add_border(int border_color, int border_width, int width, int height, char * data) { int i, j; int R1, R2; char color = (char)border_color; int out_corner_X[] = {8, 4, 3, 2, 1, 1, 0, 0, 0}; int inner_corner_X[] = {8, 8, 8, 8, 8, 5, 5, 4, 4}; border_width = 4; R1 = border_width + 4; R2 = border_width; if(width <= border_width+4 || height <= border_width+4) return ; for(i=0; i

3.css 代码：div圆角矩形怎么写

朋友，我给你来个实例吧，希望采纳答案，谢谢。

CSS代码： div#nifty{margin:0;background:#9BD1FA}p {padding:10px}div.rtop {display:block;background:#fff}div.rtop div {display:block;height:1px;overflow:hidden;background:#9BD1FA}div.r1{margin:0 5px}div.r2{margin:0 3px}div.r3{margin:0 2px}div.rtop div.r4 {margin:0 1px;height:2px} HTML代码： div + css 圆角矩形。

4.请问,圆角边框代码css样式怎么写

直接复制过去用就可以了，Testing Rounded Corners without images & javascriptby Gene。

5.求以下HTML代码圆角写法

js圆角怎么写

1.css圆角如何写,不要js,不要用br或者是div拼接起来的,要纯css代码

根据你所要求的，我只有两种办法：

第一种：

border-width:1px;

border-style:solid;

-moz-border-radius:11px;

-khtml-border-radius:11px;

-webkit-border-radius:11px;

border-radius:11px;

padding:5px;

以上的css属性控制一个div就有圆角框了，但部分浏览器不支持。

第二种：

将背景直接用一个圆角图片替换，此方法最简单

2.最简单的方法用DIV做圆角

我个人觉得最简单的还是用背景，用两张背景重叠，那HTML代码也会少点，比如：

一个要做圆角的DIV，设ID为bg

</div>

让ID为bg的做个背景，背景向右对齐，向左延伸。

然后让ID为bg_left的浮动在左边，宽度BG的。

bg_left的背景就是左边的圆角向右延伸，但宽度小于bg,bg的背景就是右圆角向左延伸，如不用做透明的话，宽度多少就无所谓了，当然，方向也可以反过来，让bg_left这个框float在右边。

明白我的意思吗？呵呵。

我的就是这样做的，

自己另存源码来看。

3.

body *{

-moz-border-radius: 0;

-webkit-border-radius: 0;

border-radius: 0;

} 上面的是CSS清理Body下所有元素的圆角，如果想用 js 或 jquery 来控制是否取消圆角的话，改成

body.noradius *{

-moz-border-radius: 0;

-webkit-border-radius: 0;

border-radius: 0;

}

//注意空格 body 与 .noradius 之间无空格，dius 与 * 之间有空格

然后利用 js 或 jquery 给body 添加 class="noradius":

$('xxx').addClass('noradius') //会去掉所有圆角

4.CSS实现圆角框的代码怎么写呢

htmlheadstyle type=text/cssbody{background-color: #FFF;}div#nifty1{ margin: 0 10px;background: #9BD1FA;}div#nifty2{ margin: 0 10px;background: #9BD1FA;}div#nifty3{ margin: 0 10px;background: #9BD1FA;}div#nifty4{ margin: 0 3px;background: #9BD1FA;}div#nifty5{ margin: 0 3px;background: #9BD1FA;}b。

rtop, b。rbottom{display:block;background: #FFF}b。

rtop b, b。rbottom b{display:block;height: 1px; overflow: hidden; background: #9BD1FA}b。

r1{margin: 0 5px}b。r2{margin: 0 3px}b。

r3{margin: 0 2px}b。rtop b。

r4, b。rbottom b。

r4{margin: 0 1px;height: 2px}/stylemeta ; charset=gb2312title圆角表格/title/headbodytable width=100% cellpadding=0 cellspacing=0 tr td div id=nifty1 b class=rtop b class=r1/b b class=r2/b b class=r3/b b class=r4/b /b div style=height:120px；公司确立ldquo；务实、创新、img src=r3。 jpg width=90 height=83 hspace=5 vspace=0 align=right规范、卓越rdquo；为企业经营理念，始终坚持以经济效益为中心，以房地产为主业，积极提高核心竞争力和凝聚力，！/div b class=rbottom b class=r4/b b class=r3/b b class=r2/b b class=r1/b /b/div /td /tr/table/body/html。

5.css 代码：div圆角矩形怎么写

朋友，我给你来个实例吧，希望采纳答案，谢谢。

CSS代码：

div#nifty{margin:0;background:#9BD1FA}

p {padding:10px}

div.rtop {display:block;background:#fff}

div.rtop div {display:block;height:1px;overflow:hidden;background:#9BD1FA}

div.r1{margin:0 5px}

div.r2{margin:0 3px}

div.r3{margin:0 2px}

div.rtop div.r4 {margin:0 1px;height:2px}

</style>

HTML代码：

6.有没有一种js代码可以使div变成圆角边框

css圆角效果<meta ; charset=gbk"><style type="text/css">div.RoundedCornerb.rtop, b.rbottomb.rtop b, b.rbottom bb.r1b.r2b.r3b.rtop b.r4, b.rbottom b.r4</style><body>无图片实现圆角框无图片实现圆角框 .Come from。

js圆角怎么写