盒子轮廓 outline怎么做成圆角

intangibel 2016-08-13 04:35:40
怎么将在div外面粉色轮廓设置成圆角,,或者使用别的方法是之变为圆角,要求该圆角不占据空间,内容占空间



代码如下:
<head>
<meta charset="UTF-8">
<title>moca</title>
<style type="text/css">
div {
width: 100px;
height: 100px;
background-color: black;
border-radius: 50px;
outline: 20px pink solid;
}
</style>
</head>
<body>
<div></div>
</body>
...全文
282 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2016-08-13
  • 打赏
  • 举报
回复 2
div { width: 100px; height: 100px; background-color: black; border-radius: 50px; box-shadow: 0 0 0 20px pink; }

43,736

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧