如何解决如何使用HTML和CSS创建浮雕边框?
|解决方法
我看到的大多数GUI都使用类似于CSS的\0ѭ的组框样式。
如果您需要在HTML表单中使用组框,请在组标签中使用ѭ1和ѭ2。
, 有很多方法,尤其是对于现代浏览器。
最简单的是浅色/深色边框(增加像素以获得更大块的外观):
.box {
border-top: #ccc 1px solid;
border-right: #ccc 1px solid;
border-bottom: #777 1px solid;
border-left: #777 1px solid;
}
对于更复杂的事情,可以在盒子上使用背景图像。这提供了最佳的浏览器兼容性。 All-Expandable Box有一个不错的演示。
使用CSS3,您可以添加圆角,阴影和各种效果。
另外,如果您在小部件框中使用jQuery元素,那么jQuery UI包将带有一些漂亮的外观和简单的分组/框。
, 您可能想看看<fieldset>
标记。
定义和用法
标签用于
从逻辑上将元素分组
形成。
标签在周围画一个盒子
相关的表单元素。
标签定义了一个标题
fieldset元素。
, 除了\“ solid \”,\“ dotted \”和\“ dashed \”以外的各种边框样式值之一可能会为您提供所需的内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。