如何在asp.net中使表角变圆 [英] How to make the table corners to be rounded in asp.net

问题描述

亲爱的朋友，

我的asp.net网页上有一个反馈表.

我有一张桌子...我需要把桌子的角弄圆.

请建议我该怎么做

谢谢.

Dear Friends,

I have a Feed back Form in my asp.net Webpage.

I have a table...I need to make the Corners of the Table to be Rounded.

Please suggest me how to do this

Thanks.

推荐答案

使用CSS

Use CSS

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

但这不适用于除IE 9之外的Internet Explorer.
或者您可以使用
Ajax工具包RoundedCorners

But this not works on Internet Explorer except IE 9.
Or you can use
Ajax Toolkit RoundedCorners

查看此处:
带有圆角的实用CSS3表 [所有浏览器中的CSS圆角(无图像) [

Look here:
Practical CSS3 tables with rounded corners[^]
CSS Rounded Corners In All Browsers (With No Images)[^]

干草哥们，

您可以使用AjaxToolkit来完成它.示例代码如下:

Hay buddy,

You can use AjaxToolkit to make it done. The sample code are given below:

<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <asp:Panel ID="pnlMain" runat="server">
        <asp:Table ID="tbMain" runat="server">
            <asp:TableRow>
                <asp:TableCell>1.</asp:TableCell>
                <asp:TableCell>John Smith</asp:TableCell>
                <asp:TableCell>USA</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell>1.</asp:TableCell>
                <asp:TableCell>John Smith</asp:TableCell>
                <asp:TableCell>USA</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell>1.</asp:TableCell>
                <asp:TableCell>John Smith</asp:TableCell>
                <asp:TableCell>USA</asp:TableCell>
            </asp:TableRow>
        </asp:Table>
        </asp:Panel>
        <Ajax:RoundedCornersExtender ID="Round1" runat="server"

            TargetControlID="pnlMain" Radius="5" BorderColor="Black"

            />
    </div>

不要忘记在项目中添加AjaxToolkit参考. :)

Don''t forget to add AjaxToolkit reference in your project. :)

这篇关于如何在asp.net中使表角变圆的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！