html5非矩形div，html css 而非 canvas 绘制

怎么把DIV做成椭圆形

【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，不需再浪费时间去写。【第二步】在body标签内输入：div class=Odiv/div，这里的div就是用于画圆形的标签。

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

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

相关问答

Q1: 在html5页面中,一个div或者图片,鼠标移动上去的时候变大,移出的时候又...

1、JS是行为：行为是在网页上四处飘动的广告；图片滚动；浏览图片时鼠标移动到图片时，放大缩小图片的效果。

2、使用clear：both清除浮动 在代码中在放一个空的div标签，然后给这个标签设置clear：both来清除浮动对页面的影响。

3、在 HTML5 中，任何元素都能可以进行拖放，所以接下来在文章中将通过实例详细告诉大家如何实现拖动效果。拖放效果所需的知识点draggable 规定元素是否可拖动，一般情况下链接和图片默认是可拖动的。true：规定元素是可拖动的。

4、mouseleave，function(){ test=2；})；(#div1).delegate(a，click，function(){ test=3；})；当你鼠标移动到div上点击之后鼠标再移走，最后触发的事件是mouseleave事件，此时test是2而不是三。

5、本篇文章给大家带来的内容是关于css3中如何利用transition实现鼠标悬停的时候div的颜色、高度和宽度都改变的效果，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

Q2: 网站前端设计div详细介绍

DIV是块状标签，它里边可以放置TABLE等各种模块。说白了，主要就是用来网页布局的，当然，网页的每一块内容都可以使用到它，它使用的方法也不是固定的几种，这个要灵活使用。

首先就是“div”，普通的div是最原始的一种，当然功能也是没有被设定的，就像一张白纸一样，利用style可以对其进行例如widthheightbackground等设定。

div作用让内容包裹在DIV内，实现各式各样的美化，比如对div设置边框，这样内容就区就有边框样式、对div设置字体颜色这样对应DIV内字体就有了各式各样的颜色；对div设置背景颜色或背景图片，这样内容就有了漂亮的css背景。

Css ：是给网站进行美化和修饰。（相当于人的衣服、鞋子、帽子等修饰自己的东西）Div+css布局的优势是什么呢？这样写代码精简，提高页面的下载速度，有利于搜索引擎的优化。一个网站开发完成后。

html5非矩形div的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html css 而非 canvas 绘制、html5非矩形div的信息别忘了在本站进行查找喔。