css - 登录框设计

Question

jsfiddle 示例在这里。

在这个例子中，我只想将“JOIN US”链接边框和登录框边框重叠起来，这样当用户点击“JOIN US”链接时，登录框就会出现，看起来就像在一个框中。

我设置：

border-bottom : white 

在“加入我们”链接中，但它没有按照我的意愿重叠和显示。一件事，我不能删除“z-index”，因为我有必要。

Answer 1

不要border为您的 .nav1 类使用标签，而是使用两个单独的border-topand border-bottomor 简写，但不要使用border-rightorborder-left属性。这是我的jsFiddle

Answer 2

对于圆边，有一个 CSS 属性 cal border-radius。只需使用element_id/class/name:hover { border-radius: 10px; }，你就完成了。我建议你看看新的 CSS3 标签和特性。