border-right的问题!有没有办法把右边框渲染一半长度?

这是一个div,本没有border,我为了给大家看明白上了个浅灰,我有没办法用border-right这些属性,把这个div的右边框只渲染成红线那么长?还有没可能用css... 这是一个div,本没有border,我为了给大家看明白上了个浅灰,我有没办法用border-right这些属性,把这个div的右边框只渲染成红线那么长?
还有没可能用css3的border-radius搞成圆头?
展开
 我来答
nicetimext
2015-05-27 · 超过33用户采纳过TA的回答
知道答主
回答量:61
采纳率:100%
帮助的人:39.4万
展开全部

用border-right应该做不到,但可以用其他办法。

你看这是不是你要的效果:

css:

<style>
    .main {width:400px;height:300px;margin: 0 auto;border:1px solid #ccc;}
    .border {width:10px;height: 50%;background: red;float: right;position: relative;top:25%;border-radius: 5px;}
</style>

html:

<body>
    <div class="main">
     <div class="border"></div>
    </div>
</body>
微测检测5.10
2023-05-10 广告
您好!建议咨 深圳市微测检测有限公司,已建立起十余个专业实验室,企业通过微测检测就可以获得一站式的测试与认 证解决方案;(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量),认证遇... 点击进入详情页
本回答由微测检测5.10提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式