css将div变成圆，div怎么变成圆形

css中怎么把正方形变成圆形

用CSS可以使边框变圆方法： 工具/原料 Dreamweaver软件 电脑 方法/步骤 首先需要打开自己的DW软件，选择文件下面的新建，在弹出框中选择新建一个html页面。

原本不是圆形图片，通过CSS样式布局实现成圆形图片，首先图片必须为正方形HTML源代码完整代码：复制代码代码如下：图片圆形布局 在线演示 DIVCSS5。对应CSS代码：复制代码代码如下：#divcss5{ margin：10px auto}。

HTML开发中，我们可以用图片制作图标，也可以用CSS来生成一些简单的图标，比如正方形，三角形，圆形等等。但可以生成圆环吗？不能直接生成，但可以通过间接的方法来生成，我们可以通过二个圆来完成。

首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。

CSS画正方形长方形很简单，本文就不说了。三角形 CSS画等腰三角形 画直角三角形：画圆形 注意：border-radius是width/height的一半（50%）。

相关问答

Q1: 怎样用css写出圆形边框

1、首先根据实现图片的大小制作一个圆角边框。打开PS，新建一空白文档，文档的大小根据需要情况来定，在此小编将其设置为400*400，设置完成后点击”好“按钮。

2、看下css样式yuan1， yuan2的定义，如图，主要是通过设置border-radius来让div显示成圆形。先看下现在的显示效果，就是二个大小不一的圆。把二个圆重叠起来，组成一个圆环。

3、（1）用法：当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的标记符内。嵌入的样式表中的样式只能在同一网页上使用。

4、html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”，也可以使用“%”，单位不同效果也不同。

5、首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。

Q2: 怎么把DIV做成椭圆形

1、首先，建立一个div，给div设置圆角边框的弧度。

2、【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，不需再浪费时间去写。

3、打开office365的PPT，在第一页的幻灯片中插入一张图片。在插入菜单栏选择插入形状椭圆。

4、应该这样吧：你可以参考改下背景图片，实现椭圆边框。

Q3: ...制成的盒子上如何实现图片一秒内由正方形变为圆形在变

原本不是圆形图片，通过CSS样式布局实现成圆形图片，首先图片必须为正方形HTML源代码完整代码：复制代码代码如下：图片圆形布局 在线演示 DIVCSS5。对应CSS代码：复制代码代码如下：#divcss5{ margin：10px auto}。

打开word，点插入图片。图片拉进来了。选中图片，点裁剪图片。选择圆形或其它你喜欢的形状，然后按键盘上ESC键。这样就解决了如何在WORD 里把图片的形状，正方形变成圆形，也就是改变图片的形状的问题了。

首先，我们在PS中将需要裁剪为圆形的正方形图片打开，如图。 之后在右侧的工具栏中打开【椭圆选框工具】，如图。 之后摁下快捷键shift然后拖动鼠标的左键画出一个圆形的选区，如图。

步骤：在word中，插入图片。点击选中图片，点击格式选项卡。点击图片样式右下扩展箭头。选择柔化边缘椭圆。图片变成椭圆的。点选图片，右键大小和位置。去掉勾选的锁定纵横比。

打开桌面的美图秀秀App。点击图片美化，选择需要处理的照片。将最下面一行菜单往后拉，找到抠图。选择形状，选择圆形，调整圆形的大小和位置，点对号保存。选择背景替换，选择颜色，选择白色，点击对号保存。

在Word2007中，选中形状——格式——图片样式——更改形状——单击要改成的形状即可。

Q4: 用Css如何制作圆形?

看下css样式yuan1， yuan2的定义，如图，主要是通过设置border-radius来让div显示成圆形。先看下现在的显示效果，就是二个大小不一的圆。把二个圆重叠起来，组成一个圆环。

需要浏览器支持CSS3，注意div的宽高要一样，也可以直接把样式添加在img上，但不建议那样你好！用CSS3的属性很方便。CSS2的话需要用图片去实现比较方便。如有疑问，请追问。

用CSS可以使边框变圆方法： 工具/原料 Dreamweaver软件 电脑 方法/步骤 首先需要打开自己的DW软件，选择文件下面的新建，在弹出框中选择新建一个html页面。

CSS画等腰三角形 画直角三角形：画圆形 注意：border-radius是width/height的一半（50%）。画半圆：半圆的画法是把高度设为宽度的一半，并且也只设置左上角和右上角的半径，且半径为宽度的一半。

可以使用css的border-image属性设置边框的背景图片。 可以使用background设置多个背景图片，并分别设置每个背景的位置。 把所有图片先合成一个圆形图片，然后整个图片作为背景图片。

Q5: 怎么把DIV变成一个圆

1、首先，单击Diverse Curve工具或输入快捷键“spl”，然后按Enter键绘制各种曲线。在其旁边画一个半径为5mm的小圆圈，输入快捷键“c”并按Enter键。输入半径为5毫米，实际上圆圈的大小。创建一个小圆圈作为块。

2、怎么能让一个DIV或者一个图片的四角为圆形呢？其实并不需要我们去把每个角都剪切掉，而只需要设置每个解的圆狐度即可。

3、div/div /body /html 怎么把DIV变成一个圆 【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，不需再浪费时间去写。

4、原本不是圆形图片，通过CSS样式布局实现成圆形图片，首先图片必须为正方形HTML源代码完整代码：复制代码代码如下：图片圆形布局 在线演示 DIVCSS5。对应CSS代码：复制代码代码如下：#divcss5{ margin：10px auto}。

5、上面这位兄台你的回答是COPY的吧，没有讲到重点不说，洋洋散散那么多字都是多余的，我给你写一句简单的代码。

6、在css里加如下的代码：border： 5 solid gray；border-radius：10px；如过你不想要边框，去掉 border： 5 solid gray；就行了。

css将div变成圆的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于div怎么变成圆形、css将div变成圆的信息别忘了在本站进行查找喔。