Question

如何将GridView的方形更改为圆形，还是可以在圆形对象上显示网格视图或说出图像？

我试过： -

1-add cssclass to the gridview where css class had a line of code for a background image
2-applied headerclass css to the gridview and gave the image source there.
3-applied a backimage property to the Grid.
(the image in all the 3 cases was a circle)

css是

    .circle{ background:url(circle.png); opacity:0.5;height:176px;width:176px;}

我试图在Visual Studio 10的aspx页面中插入GridView

但似乎没有什么能像我想要的那样发挥作用。 GridView Cells在前两种情况下未对齐。

如果可能，请以正确的方式建议我。

提前致谢

Answer 1

您不必使用图像，只需使用CSS形成圆圈，例如

.circle {
    width: 320px;
    height: 320px;
    background: LightPink;
    -moz-border-radius: 160px;
    -webkit-border-radius: 160px;
    border-radius: 160x;
}

此外，请勿更改网格本身的形状 - 这可能会导致错位。将网格放在DIV中，并应用上面的类。

演示：http://jsfiddle.net/pnFGt/

如何将网格视图的形状更改为圆形？

1 个答案: