<script>
function reportError(msg,url,line){
line-=14;
var str='发现如下的错误: \n\n';
str+='Error: '+msg+' on line: '+(line);
alert(str);
opener.Goto(line);
opener.focus();
window.onerror=null;
setTimeout('self.close()',10);
return true;
}
window.onerror=reportError;
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用CSS实现的几个非常漂亮的按钮</title>
<style>
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn_2k3 {
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
}
</style>
</head>
<body>
<button class=btn title="好看的按钮">好看的按钮</button><P></p>
<button
class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
onmouseout="this.className='btn1_mouseout'"
title="好看的按钮">好看的按钮</button>
<button
class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
onmouseout="this.className='btn1_mouseout'" DISABLED>好看的按钮</button>
<P>
<button class=btn2 title="好看的按钮">好看的按钮</button>
<P>
<button class=btn3_mouseout onmouseover="this.className='btn3_mouseover'"
onmouseout="this.className='btn3_mouseout'"
onmousedown="this.className='btn3_mousedown'"
onmouseup="this.className='btn3_mouseup'"
title="好看的按钮">好看的按钮</button>
<P>
<button class=btn_2k3 title="好看的按钮">好看的按钮</button>
</body>
</html>
分享到：
相关推荐
"c# winform 超漂亮按钮 控件"就是这样一个案例，它通过重写标准的Button类，提供了更丰富的外观和交互体验。 首先，`BeautyButton.cs`文件是自定义按钮控件的代码实现。在这个文件中，开发者通常会扩展System....
本教程将基于给定的"C#自定义漂亮按钮"主题，深入讲解如何利用C#和Visual Studio 2010创建一个自定义的按钮控件。我们将主要探讨以下几个方面： 1. **自定义控件基础**： 在.NET Framework中，自定义控件是通过...
"C#实现漂亮按钮"这个主题，主要关注的是如何利用C#语言和Windows Forms或WPF框架来设计具有独特视觉效果的控件，例如透明半圆按钮。这对于初学者来说，是一个很好的学习实践，可以增强对UI设计和事件处理的理解。 ...
6. **代码示例**：在"漂亮按钮的制作"项目中，可能包含了VB源码文件，展示了如何创建这样的自定义按钮。通过分析和学习这些代码，你可以理解每个部分的作用，从而在自己的项目中实现类似的特效。 7. **优化性能**：...
"Css3实现的漂亮按钮"这一主题着重于利用CSS3的特性来构建视觉吸引力强且兼容IE浏览器的按钮元素。 首先，CSS3引入了许多新的选择器，如类选择器、伪类选择器（如`:hover`, `:active`, `:focus`）和属性选择器，...
实现漂亮的按钮效果，关键在于创建和应用自定义的样式。这通常涉及到以下步骤： 1. **定义样式资源**：在XAML文件中，你可以创建一个`<Style>`元素，指定`TargetType="Button"`来定义一个针对`Button`控件的样式。...
标题中的“vb6 漂亮按钮”指的是在Visual Basic 6 (VB6)编程环境中，使用自定义或美化过的按钮控件，以提升应用程序的视觉效果。在VB6默认情况下，按钮控件的样式相对朴素，对于追求用户体验和界面美观的开发者来说...
"漂亮按钮效果"这一主题旨在提供一系列能够提升网页设计视觉吸引力和交互性的设计方案。 首先，我们要理解按钮在网页设计中的角色。按钮通常用于触发某种操作，如提交表单、导航至其他页面或执行特定功能。一个吸引...
在"ps 样式 多个漂亮按钮效果"这个主题中，我们可以理解为这些".asl"文件内含了多种设计精美的按钮样式。例如，1002_4.asl、gj1104_3.asl、gj1028_3.asl、0923_3.asl、1015_4.asl和1013_3.asl，每个文件可能代表一组...
**CSS3 漂亮按钮详解** 在网页设计中，按钮是用户交互的重要元素，而CSS3的引入为创建美观且功能丰富的按钮提供了无限可能。本篇将深入探讨如何利用CSS3特性，如渐变、阴影、边框、伪类等，设计出各种吸引眼球的...
漂亮按钮.htm 漂亮按钮.htm 漂亮按钮.htm
"35款漂亮按钮"这个资源集合显然为设计师提供了丰富的选择，帮助他们创建出吸引眼球且功能性强的网页界面。下面我们将深入探讨这些按钮可能包含的设计元素、设计理念以及在实际应用中的注意事项。 首先，这些按钮的...
"效果很漂亮按钮特效"是一个专为C# WINFORM应用设计的组件，其目标是提供美观且吸引人的交互元素，提升用户的操作体验。在Windows Forms（WINFORM）平台上，开发者通常使用自定义控件来实现这种个性化的设计需求。 ...
【VC漂亮按钮实例详解】 在Windows程序开发中，按钮（Button）是用户界面不可或缺的元素，它用于接收用户的点击操作并触发相应的事件。在Visual C++（VC）环境中，我们可以通过自定义控件来实现更加美观和功能丰富...
"MFC各种重绘漂亮按钮"这一主题，就是关于如何利用MFC的特性，对按钮进行美化和定制化的一个实例。 首先，我们需要了解MFC中的CButton类，它是对Windows API中的BUTTON控件的封装。在MFC中，我们可以通过继承...
"漂亮按钮样式.rar"这个资源包，正如其名，提供了多种美观的按钮设计，适用于网页、应用程序或者其他交互式平台，旨在提升用户体验和视觉吸引力。这些按钮样式通常包含了不同颜色、形状、大小和效果，以满足设计师在...
"Visual C++ 漂亮按钮"这个主题聚焦于如何利用Microsoft的MFC（Microsoft Foundation Classes）库来创建美观、吸引人的图形用户界面，尤其是定制化的按钮。MFC是一个C++类库，它为开发Windows应用程序提供了一种方便...
"按钮-漂亮按钮,绝对好看"这个标题和描述暗示了我们将要探讨的是关于美观且吸引人的按钮设计。一个优秀的按钮设计不仅需要视觉上的吸引力，还要确保其功能性和易用性。在本文中，我们将深入探讨如何创建既漂亮又实用...
【VB 漂亮按钮 有图形文字同时显示】是一个VB（Visual Basic）编程资源，主要特点是能够在按钮上同时展示图形和文字，为用户界面增添美观性和易用性。在VB编程中，按钮控件（Button Control）是常用的一种交互元素，...
标题中的“一个flash 会动的漂亮按钮”指的是使用Adobe Flash软件创建的一个动态按钮，它具有视觉吸引力且具有交互性。在网页设计和早期的互联网应用中，Flash被广泛用于制作这种互动元素，以增强用户体验。 描述中...