-
css 最小化按钮3
我想用css做一个最小化的button。怎么弄的？有高手吗？我用button但是样式很难看，如图所示。不知道怎么能调好看些。
想弄个圆角不会。也设置不出立体的感觉。各位，给点意见啊！谢谢了
下面我的代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <style type="text/css"> .mincon { background-color: lavender; height: 25px; width: 25px; border-top: 2px ridge black; border-bottom: 2px ridge black; border-left: 1px ridge black; border-right: 1px ridge black; } .mincon_mouseout { background-color: lavender; height: 25px; width: 25px; border-top: 2px ridge black; border-bottom: 2px ridge black; border-left: 1px ridge black; border-right: 1px ridge black; } .mincon_mouseover { background-color: lavenderblush; height: 25px; width: 25px; border-top: 2px ridge black; border-bottom: 2px ridge black; border-left: 1px ridge black; border-right: 1px ridge black; } </style> <body> <button name="mincon" id="mincon" onclick="hiddenCart();" class="mincon"><font face="webdings">0</font></button> </body> </html>
问题补充：
突然发现这个问题是我提的。结贴吧。2009年6月24日 11:38
添加评论
关注(0)2个答案 按时间排序 按投票排序
-
采纳的答案
http://www.68design.net/Web-Guide/HTMLCSS/25455-1.html
你可以参考ext js的样式啊，还不错2009年6月24日 13:22
相关推荐
"jquery ui Dialog 添加最大最小化按钮控制"的主题涉及如何扩展jQuery UI Dialog的功能，使其具备最大化和最小化的操作，这对于创建更灵活且类似于桌面应用的网页交互体验至关重要。 jQuery UI Dialog组件默认情况...
本篇文章主要介绍如何利用HTML和CSS技术在网页上添加“最大化”、“最小化”以及“关闭”三个按钮的功能。这些功能能够使用户更方便地控制浏览器窗口的状态。 #### 技术要点 1. **HTML结构**：通过HTML创建按钮，...
在IT领域，弹窗、最小化和最大化是用户界面（UI）设计中常见的功能，尤其在Web应用和桌面软件中广泛使用。本文将深入探讨这些概念，并基于"dialog"标签来解析其实现方法。 首先，"弹窗"是一种在用户交互时突然出现...
2. **CSS样式**：使用CSS来定义按钮的外观，包括颜色、大小、边框等，以及在最大化和最小化状态下的不同样式。 3. **JavaScript事件监听**：使用JavaScript的`addEventListener`方法为这两个按钮添加点击事件监听器...
这是一款基于jQuery和CSS3的登录表单，登录表单的界面整体呈现扁平化...当焦点在表单的输入字段上时，表单提示文字会出现一个小动画，同时这款CSS3登录表单的最大特点是其个性化的登录按钮，鼠标滑过也有不错的效果。
3. **设置格式化选项**：用户可以根据个人或团队的编码规范，预设和调整格式化参数，如缩进方式（空格或制表符）、最大宽度等。 4. **格式化代码**：点击“格式化”按钮，工具将按照设定的参数对CSS代码进行处理。 5...
在“最大、最小化按钮2.htm”文件中，可能还包含了更复杂的设计，例如使用CSS3动画来平滑过渡，或者使用`getBoundingClientRect()`获取元素相对于视口的位置来进行更精确的布局调整。此外，为了提高可维护性和复用性...
- **images**: 这个目录可能包含了一些用于窗口控制按钮的图片资源，如最小化、最大化、还原和关闭按钮的图标。 - **css**: 这个目录下的CSS文件负责窗口及其组件的样式设计，包括布局、颜色、边框、阴影等，以实现...
为了提供更好的用户体验，可以考虑添加一些额外的功能，如禁用最大化和最小化按钮的状态，当窗口处于最大/最小状态时；或者在窗口被最小化后，提供一个托盘区域来显示图标，用户可以从中恢复窗口。 总结，通过以上...
9. **优化与性能**：高性能的动画可能需要考虑CSS3硬件加速，以及合理地组织和最小化CSS代码，以减少加载时间和提升页面性能。 10. **用户体验**：最后，这样的特效旨在提升用户与网页的互动体验，通过吸引人的视觉...
在网页设计中，`div` 和 `css` 是构建页面布局和样式的重要工具，而模态窗口（Modal Window）则是用户界面设计中的一个常见元素。模态窗口是一种弹出式的对话框，它会覆盖住主页面，使得用户必须先与模态窗口交互...
《CSS3悬停特效合集Hover.css：点亮网页交互新体验》 在现代网页设计中，用户交互体验占据了举足轻重的地位。其中，悬停特效作为一种...在追求个性化和互动性的现代网页设计中，Hover.css无疑是一个值得推荐的工具。
**jQuery和CSS3技术在构建固定右下角的最小化导航菜单中的应用** 在网页设计中，导航菜单是用户与网站交互的关键元素。一个高效且易于使用的导航菜单能够提升用户体验，帮助用户快速找到所需信息。在给定的“jQuery...
在描述和标签中提到的“在项目中使CSS最小最精功能最全最强大的扩展与架构方法”，意味着SMACSS不仅关心样式代码的组织结构和清晰度，也关心如何在保持CSS文件大小最小化的同时，确保功能的完备性。 Jonathan Snook...
标题中的“index(可移动最小化最大化div,鼠标坐标显示).zip”指示这是一个关于使用HTML和CSS实现可移动、最小化和最大化的div元素的示例项目。这个压缩包可能包含了一个名为“index”的HTML文件，该文件展示了如何...
原子类CSS是一种模块化、可复用的CSS编写方式，其核心思想是将CSS样式拆分为最小、不可分割的部分，这些部分就像化学中的原子一样，无法再被分解。这种设计理念源于Brad Frost的原子设计理论，旨在提高代码的可维护...
用于最小化和最小化给定CSS代码JavaScript项目。 _我仍在更新此项目，到目前为止可能尚未完成。 ## CSS Unminify ＃＃＃用法： 从缩小的文件中复制CSS。 将其粘贴到textarea中 点击取消缩小按钮
在网页设计领域，JavaScript（JS）和层叠样式表（CSS）是两种不可或缺的技术，用于创建动态、交互式的用户界面。本项目通过结合这两种技术，实现了经典的苹果机（MAC OS）桌面特效，让访客可以体验到类似苹果操作...
本教程将详细讲解如何使用Flex来实现窗口的拖拽、最大化、最小化以及关闭功能，这些都是构建交互式用户界面的重要元素。 首先，让我们了解Flex的基本概念。Flex布局允许开发者对容器内的子元素进行灵活的排版，通过...
4. **动态效果**：Windows窗口有拖动、最大化、最小化和关闭等交互效果。这些可以通过JavaScript或者jQuery来实现。例如，可以监听鼠标点击和移动事件，更新`<div>`的位置；使用`transition`属性添加平滑过渡动画。 ...