如何用css做一个图形，如何利用CSS实现各种几何图形形状

创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站设计、成都网站制作、湛河网络推广、小程序制作、湛河网络营销、湛河企业策划、湛河品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供湛河建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

1，如何利用CSS实现各种几何图形形状

css3支持的圆形用圆角border-radius，三角形可以利用border的一边为有色两边透明，相应的可以有椭圆、菱形等等

搜一下：如何利用CSS实现各种几何图形形状

2，如何使用CSS创建一个圆形或正方形

正方形：设置div【宽高一样】圆形：设置div【宽高一样】 再添加border-radius:50%

正方形，宽高给一样就可以了圆形加个 border-radius就ok了

正方形：设置div【宽高一样】；圆形：设置div【宽高一样】 再添加border-radius:50%

正方形就是div，圆形就是边角弧度设置成边的长度，这边建议您先系统的看看基础知识

正方形，宽高给一样就可以了 圆形加个 border-radius就ok了

3，如何使用HTMLCSS写一个三角形

等边三角形

等腰直角三角形

4，怎么用div画图形

div是块。也就是一个矩形。可以给它加上不同形状的背景，但其实它还是一个矩形只是有部分填充了背景 有部分是透明的而已。在css3里面 可以给他加上圆角边框 甚至直接变成个圆框。 但说到底只是框是圆的其实还是占一个矩形的位置、可以让它看起来的效果的形状变换，但它的本质变不了。可以叠加起来实现很多效果。

div用css设定圆角的话，只有一个属性border-radius，但是该属性ie8都不能支持，只能在firefox、chorme等浏览器中看到。如果想在ie8或以下的浏览器中看到，只能找js代码实现。 有人写过专门的做圆角用的js代码，你可以搜搜看，印象中做成了corner函数，直接调用即可。

div是块。也就是一个矩形。你可以给它加上不同形状的背景，但其实它还是一个矩形只是有部分填充了背景 有部分是透明的而已。在css3里面 你可以给他加上圆角边框 甚至直接变成个圆框。 但说到底只是框是圆的其实还是占一个矩形的位置、你可以让它看起来的效果的形状变换，但它的本质变不了。你可以叠加起来实现很多效果！

实现方法：1、Div 全称 division 意为“区分”，是HTML中的一个标签。你在HTML中可以理解为就是一个层。DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码 。 如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 是一样的DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。Internet Explorer和Netscape的浏览器都支持DIV标签。 希望对你有帮助，不懂@我！

文章名称：如何用css做一个图形，如何利用CSS实现各种几何图形形状
分享链接：http://shouzuofang.com/article/iocigp.html