Я пытаюсь создать закругленные углы на моих div.Я использую стандартный шаблон в приложении ASP.NET MVC 3.
Я следовал этому руководству:
http://viralpatel.net/blogs/2009/08/rounded-corner-css-without-images.html
в основном вы поместили его в свой файл CSS:
#selector { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
и
<div id="selector">
Почему мой сайт не показывает закругленные углы на моих страницах?Я пытался с Firefox и Chrome.
Вы забыли указать рамку !
в asp.net легко реализовать закругленный угол на панели с помощью ajax, попробуйте следующее:
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"></script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </ajaxToolkit:ToolkitScriptManager> </div> <asp:Panel ID="Panel1" runat="server" BackColor="AppWorkspace" Height="188px" Width="271px"> </asp:Panel> <ajaxToolkit:RoundedCornersExtender ID="Panel1_RoundedCornersExtender" runat="server" Enabled="True" TargetControlID="Panel1" Radius="15"> </ajaxToolkit:RoundedCornersExtender> </form> </body> </html>
Вам нужно изменить свой CSS на это, чтобы отобразить границу:
#selector { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid black; }