妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 109|回复: 3

[求助] 想问一下这种效果一定要重新建立一个DIV做第一行吗?

[复制链接]
ac 发表于 2017-1-8 20:28:46 | 显示全部楼层 |阅读模式

边框效果

边框效果
仅仅用DIV的边框的知识,怎么做出这种效果,新手上路,如果我要做这种效果的话得用一个DIV来做第一行橙色,用border-top来设置的话,上边框就是非矩形,没有这种效果好看。想问一下大家,这个效果仅仅用边框的知识怎么做出这个效果。谢谢大家指点,新手别介意问题简单哈。
回复

使用道具 举报

魔新使者 发表于 2017-1-9 14:34:06 | 显示全部楼层
不是矩形影响很大吗?只有一个div做不了,至少我所学的知识做不了。
回复 支持 反对

使用道具 举报

 楼主| ac 发表于 2017-1-9 22:36:14 | 显示全部楼层
魔新使者 发表于 2017-1-9 14:34
不是矩形影响很大吗?只有一个div做不了,至少我所学的知识做不了。

练习的效果图就是这样的啊。我觉得如果要做出这个效果,上面的那矩形就需要另外用一个DIV来做。光边框属性不知道能不能设置,反正我是不会的。所以请教你们咯~
回复 支持 反对

使用道具 举报

魔新使者 发表于 2017-1-10 09:29:21 | 显示全部楼层
ac 发表于 2017-1-9 22:36
练习的效果图就是这样的啊。我觉得如果要做出这个效果,上面的那矩形就需要另外用一个DIV来做。光边框属 ...

就一个div用border-top来实现做不了,外面在套一个div用外面的div上边框就可以了。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2017-3-24 14:07 , Processed in 0.232004 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表

论坛重要通知

亲爱的妙味用户们:

当你们看到这个界面时,妙味论坛已经光荣退伍,感谢论坛陪伴我们的5年时光!

之所以让论坛退伍,是因为多年来论坛经常遭受各类莫明攻击、以及每天被海量垃圾广告覆盖,管理成本居高不下,数据丢失严重……在诸多考虑之后,我们决定至即日起停止维护论坛,并停止论坛的 “注册”、“发帖”、“回帖” 等功能,只保留老用户登录及查看帖子功能(注意,官网注册的用户不能再登录论坛)。

此外,妙味论坛原来承载的功能作如下安排:

论坛原有的“公告”版块,请大家移步至:官网新闻页
论坛原有的“学员作品”版块,请大家移步至:官网学员作品页
论坛原有的“技术交流”版块,请大家移步至:官网问答页


即日起,官方不再对论坛做任何维护工作,给大家带来不便,敬请谅解!

妙味团队 2017-2-6