html画圆角矩形边框问题
web程序如下：<html><head><styletype="text/css">*{margin:0;padding:0;}/*<!--**********Found...
web程序如下：
<html>
<head>
<style type="text/css">
* {margin:0; padding:0;}
/* <!--**********Found*********--> */
.items {margin:10px; width:250px;}
/*圆角边框开始*/
.xtop, .xbottom {display:block;background:transparent;font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block;overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #77cce7;border-right:1px solid #77cce7;}
.xb1 {margin:0 5px;background:#77cce7;}
.xb2 {margin:0 3px;border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px;margin:0 1px;}
.xboxcon {
margin:0px;
display:block;
border:0 solid #77cce7;
border-width:0 1px;
/* <!--**********Found*********--> */
padding: 10px;
/* <!--**********Found*********--> */
text-align: center;
}
/*圆角边框结束*/
</style>
</head>
<body>
<div class="items">
<b class="xtop">
<b class="xb1"></b>
<b class="xb2"></b>
<b class="xb3"></b>
<b class="xb4"></b>
</b>
<div class="xboxcon">
<h1>如梦令</h1>
<p>常记溪亭日暮，沉醉不知归路，</p>
<p>兴尽晚回舟，误入藕花深处。</p>
<p>争渡，争渡，惊起一滩鸥鹭。</p>
</div>
<b class="xbottom">
<b class="xb4"></b>
<b class="xb3"></b>
<b class="xb2"></b>
<b class="xb1"></b>
</b>
</div>
</body>
</html>
圆角矩形边框是怎样生成的？
请详解css规则中的意义。 展开
<html>
<head>
<style type="text/css">
* {margin:0; padding:0;}
/* <!--**********Found*********--> */
.items {margin:10px; width:250px;}
/*圆角边框开始*/
.xtop, .xbottom {display:block;background:transparent;font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block;overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #77cce7;border-right:1px solid #77cce7;}
.xb1 {margin:0 5px;background:#77cce7;}
.xb2 {margin:0 3px;border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px;margin:0 1px;}
.xboxcon {
margin:0px;
display:block;
border:0 solid #77cce7;
border-width:0 1px;
/* <!--**********Found*********--> */
padding: 10px;
/* <!--**********Found*********--> */
text-align: center;
}
/*圆角边框结束*/
</style>
</head>
<body>
<div class="items">
<b class="xtop">
<b class="xb1"></b>
<b class="xb2"></b>
<b class="xb3"></b>
<b class="xb4"></b>
</b>
<div class="xboxcon">
<h1>如梦令</h1>
<p>常记溪亭日暮，沉醉不知归路，</p>
<p>兴尽晚回舟，误入藕花深处。</p>
<p>争渡，争渡，惊起一滩鸥鹭。</p>
</div>
<b class="xbottom">
<b class="xb4"></b>
<b class="xb3"></b>
<b class="xb2"></b>
<b class="xb1"></b>
</b>
</div>
</body>
</html>
圆角矩形边框是怎样生成的？
请详解css规则中的意义。 展开
展开全部
矩形工具，然后修改-平滑！再新建个涂层矩形工具画个方出来，填充一样的颜色，把圆角放在上面，合并图层就有了上面圆角下面直角的效果！这样比钢笔画的简单一点！而且左右两边的圆角肯定是一样的！凸下去的部分？这个直心没看到，你说的是矩形中间上下那两条黑色的吗？如果是的话，那么画好刚才的矩形以后用矩形工具画个小方块出来，然后CTRL+T右键点一下选透视，拉动下面的角点拖动，角度合适后回车，选好选区以后，在之前那个图层中按DEL删除即可，上面那条反转一下也这么删就可以
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
