妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 221|回复: 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-11-20 03:40 , Processed in 0.215223 second(s), 35 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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