css画出各种不规则图形

html-css020

css画出各种不规则图形,第1张

1、圆形

#circle{width:100pxheight:100pxbackground:red-moz-border-radius:50px-webkit-border-radius:50pxborder-radius:50px}

2、椭圆

#oval{width:200pxheight:100pxbackground:red-moz-border-radius:100px / 50px-webkit-border-radius:100px / 50pxborder-radius:100px / 50px}

3、等边三角

#triangle-up{width:0height:0border-left:50px solid transparentborder-right:50px solid transparentborder-bottom:100px solid red}

4、五角星

#star-five{margin:50px 0position:relativedisplay:blockcolor:redwidth:0pxheight:0pxborder-right:100px solid transparentborder-bottom:70px solid redborder-left:100px solid transparent-moz-transform:rotate(35deg)-webkit-transform:rotate(35deg)-ms-transform:rotate(35deg)-o-transform:rotate(35deg)}#star-five:before{border-bottom:80px solid redborder-left:30px solid transparentborder-right:30px solid transparentposition:absoluteheight:0width:0top:-45pxleft:-65pxdisplay:blockcontent:''-webkit-transform:rotate(-35deg)-moz-transform:rotate(-35deg)-ms-transform:rotate(-35deg)-o-transform:rotate(-35deg) }#star-five:after{position:absolutedisplay:blockcolor:redtop:3pxleft:-105pxwidth:0pxheight:0pxborder-right:100px solid transparentborder-bottom:70px solid redborder-left:100px solid transparent-webkit-transform:rotate(-70deg)-moz-transform:rotate(-70deg)-ms-transform:rotate(-70deg)-o-transform:rotate(-70deg)content:''}

5、爱心

#heart{position:relativewidth:100pxheight:90px}#heart:before,#heart:after{position:absolutecontent:""left:50pxtop:0width:50pxheight:80pxbackground:red-moz-border-radius:50px 50px 0 0border-radius:50px 50px 0 0-webkit-transform:rotate(-45deg)-moz-transform:rotate(-45deg)-ms-transform:rotate(-45deg)-o-transform:rotate(-45deg)transform:rotate(-45deg)-webkit-transform-origin:0 100%-moz-transform-origin:0 100%-ms-transform-origin:0 100%-o-transform-origin:0 100%transform-origin:0 100%}#heart:after{left:0-webkit-transform:rotate(45deg)-moz-transform:rotate(45deg)-ms-transform:rotate(45deg)-o-transform:rotate(45deg)transform:rotate(45deg)-webkit-transform-origin:100% 100%-moz-transform-origin:100% 100%-ms-transform-origin:100% 100%-o-transform-origin:100% 100%transform-origin:100% 100%}

6、倒三角

#triangle03{width:0height:0border:50pxsolid transparentborder-top:50pxsolid blue }

1、Java，介绍一个软件—AIDE，可以直接编译运行Java代码，同时还可以编写简单的安卓程序，支持自动补全、代码高亮、语法提示等功能，使用起来也非常不错，下面我简单介绍一下这个软件的安装和使用。

下载AIDE，这个也直接在手机应该中搜索就行，如下，大概也就34兆左右，直接点击下载安装就行。

安装完成后，打开这个软件，就可以直接新建项目，编写Java代码了，如下，这里会自动进行语法检查和智能补全，使用起来非常方便。

方法二2、C/C++这里介绍一个软件—C++编译器（c4droid），可以直接编辑运行C/C++程序，代码高亮、语法检查，使用起来非常不错，下面我简单介绍一下这个软件的安装和使用。

安装C++编译器，这个直接在手机应用中搜索就行，如下，大概也就2兆多，直接点击下载就行。安装完成后，打开这个软件，就可以直接编写C/C++代码了，如下，代码高亮，语法检查，还支持查找、定位行、格式化代码功能：编辑完成后，直接点击“Run”，就能运行程序。

1、首先在我们这电脑桌面上找到ps并点击它。

2、然后我们需要新建一个带有图片的图层。

3、接着我们需要点击魔棒工具。

4、然后点击图片中的空白区域。

5、接着我们需要点击投影，这一点很重要。

6、最后设定好我们的投影信息并点击确定就可以让png图片添加阴影了。