关于html中把角度压缩的属性是：border-radius
下面举例子说明：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>练习使用HTML</title>
<style>
#div1 {
border: 2px solid #a1a1a1
padding: 10px 40px
background: #dddddd
width: 300px
/*这个属性允许你为元素添加圆角边框！*/
border-radius: 25px
}
</style>
</head>
<body>
<center>
<div id="div1"></div>
</center>
</body>
</html>
演示：
我的思路是这样的：用圆角属性做出扇形，再用一个矩形去遮挡
宽高相等画出正方形
加border-radius属性做出1/4圆或者1/2圆
矩形旋转
例如transform: rotate(45deg) 顺时针旋转45度
以上都在一个position:relative的父元素中，要旋转的矩形position:absolute
用js控制矩形旋转的角度，应该就可以了
答：
1、article标签是 HTML 5 的新标签。它的内容独立于文档的其余部分，而外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
2、aside为语义化标签，通常用来描述与文档主体内容不相关的内容。比如，博客文章用atricle标签，而博客旁边的文章信息栏(作者头像、博文分类、作者等级等于博客正文内容无关的)用aside。
百度知道是问答网站，主体就是提问和回答，所以提问回答这边是用article，而右边那个用户信息、升级进度，广告和推荐的知识那些与该问题的回答和提问内容都无关，与主题内容不相关的区域用的就是aside。简单的说aside可用作通用信息展示（信息栏）等。
拓展资料：
1、万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。
2、HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式。
3、许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候。
4、HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点，但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5，谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式，这可能会加速HTML5替代Flash的进程，但是这个转变的过程也不是一蹴而就的。
资料来源：百度百科：HTML5
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）