English 中文(简体)
如何打上一个盒子的玉米?
原标题:How to make a text box have rounded corners?
  • 时间:2011-10-18 16:25:17
  •  标签:
  • html
  • css

http://problemio.com/problemionesey.pdf 并且你亲眼看到,有一盒子已经四舍五入。

这是否只是用 c或图像和 c做? 我的印象是给我提供的,但用心子做的只是很多。 不管怎么说,我不知道如何做,这样,任何帮助都是巨大的。

The current version I have is here: http://www.problemio.com

最佳回答

You could use CSS to do that, but it wouldn t be supported in IE8-. You can use some site like http://borderradius.com to come up with actual CSS you d use, which would look something like this (again, depending on how many browsers you re trying to support):

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
问题回答

这一点可以与CSS3一起完成:

<input type="text" />

input
{
  -moz-border-radius: 15px;
 border-radius: 15px;
    border:solid 1px black;
    padding:5px;
}


但是,另一种选择是将<代码>input 列入一个<>div且具有四舍五入背景的<编码>,而在input上不设任何边界。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签