为了账号安全,请及时绑定邮箱和手机立即绑定

怎样用代码写出来消息的圆角图形

怎样用代码写出来消息的圆角图形

慕用7739597 2016-07-18 06:49:17
查看完整描述

5 回答

?
刚毅87

TA贡献345条经验 获得超309个赞

圆角矩形

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<style type="text/css">
		#div1{
			width: 300px;
			height: 200px;
			background: red;
			border-radius: 20px;
		}
	</style>
</head>
<body>
	<div id="div1"></div>
</body>

</html>

望采纳!

查看完整回答
4 反对 回复 2016-07-18
?
blovetu

TA贡献319条经验 获得超234个赞

border-radius:圆角值;   值越大圆角越大,

如果盒子是正方形,border-radius:50%那么就是一个正圆

查看完整回答
2 反对 回复 2016-07-18
?
5E

TA贡献115条经验 获得超39个赞

值得注意的是 border-radius 这个属性与  IE 的兼容问题

查看完整回答
1 反对 回复 2016-07-18
?
霸气的擎宇

TA贡献6条经验 获得超5个赞

图形是边框决定,CSS属性是  border-radius  她是值可以是像素也可以是%等,代表的是半径尺寸,有四个角,你可以同样设置也可以单独设置,规则是     border-top/bottom-left/right-radius:        直接试验想象。进阶提示,配合背景色以及边框样式,可以做出更多图形。

查看完整回答
反对 回复 2016-07-21
?
荼酒

TA贡献133条经验 获得超96个赞

  1. 给个宽度,

  2. 给个高度,

  3. 给个背景色,

  4. 给圆角边框,

style{
        width:8px;
        height:8px;
        background-color:red;
        border-radius:50%;
}


查看完整回答
反对 回复 2016-07-18
  • 5 回答
  • 1 关注
  • 1548 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信