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

如何用纯css3绘制圆柱体

如何用纯css3绘制圆柱体

momoyy123 2016-05-05 18:26:27
查看完整描述

1 回答

已采纳
?
xdlumia

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

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<style>


.yuanzhu{ position: relative; height: 200px; width: 50px; margin-top: 30px; background:red;margin:30px auto; z-index: 999  }

.yuanzhu:before{position: absolute; top:-10px; content: ""; display: block; width: 50px; height: 20px; border-radius:50%; background: #000;  z-index: 99}

.yuanzhu:after{position: absolute; bottom:-10px; content: ""; display: block; width: 50px; height: 20px; border-radius:50%; background: red; z-index: 9 }

</style>

<body>


<div></div>

</body>

</html>



这个是源代码

查看完整回答
2 反对 回复 2016-05-06
  • 1 回答
  • 0 关注
  • 5424 浏览
慕课专栏
更多

添加回答

举报

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