`
jjklmm
  • 浏览: 57081 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

按钮特效

    博客分类:
  • html
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>企业培训</title>
<style>
.x_a_p{display:inline-block; border-top:1px solid #FBD0B2; border-bottom:1px solid #FCE1CE; font-size:12px;}
.x_b_p{float:left; border-left:1px solid #FBD0B2; border-right:1px solid #F9B88C; border-bottom:1px solid #F9B88C; margin:0 -1px; position:relative;}
.x_c_p{display:inline-block; padding:0.3em 0.6em 0; background:#FEF3EB; border-left:2px solid #ffffff; border-top:1px solid #ffffff; border-bottom:0.2em solid #FEEEE3; line-height:1.1em; cursor:pointer;}
.x_p_hover:hover{border-top-color:#FFBE91; border-bottom-color:#FFCEAD;}
.x_p_hover:hover .x_b_p{border-left-color:#FFBE91; border-right-color:#FFA76B; border-bottom-color:#FFA76B;}
.x_p_hover:hover .x_c_p{background:#FFDFC9; border-left-color:#FFE7D7; border-top-color:#FFEBDD; border-bottom-color:#FFDAC1;}
</style>
</head>
<body>
<a href="http://www.miiceic.org.cn/" class="x_a_p x_p_hover">
   <span class="x_b_p">
         <span class="x_c_p">企业培训</span>
   </span>
</a>
</body>
</html>

分享到:
评论

相关推荐

    css3按钮特效

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的视觉效果和交互体验,其中之一就是各种各样的按钮特效。"css3按钮特效"是利用CSS3的新特性来设计出美观、吸引人的按钮样式,使得网页的互动元素更加生动...

    WPF 窗体跳转动画 及按钮特效

    标题“WPF 窗体跳转动画及按钮特效”涉及了两个关键概念:窗体间的跳转动画和按钮的交互效果。 首先,让我们详细探讨WPF中的窗体跳转动画。在WPF中,Storyboard是一种强大的工具,它允许我们创建和控制动画,为用户...

    7款外观迷人的HTML5/CSS3 3D按钮特效

    下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效,有几个还挺实用的,分享给大家。 1、CSS3超酷3D弹性按钮 按钮实现非常简单 之前我们分享过几款不错的CSS3 3D立体按钮,比如5组可爱CSS3按钮、CSS3灰色按钮...

    jQuery插件集之(按钮特效)+Demo

    在本文中,我们将深入探讨jQuery插件在创建按钮特效方面的应用。jQuery库因其简洁的语法和强大的功能而受到广大Web开发者的青睐,特别是在处理DOM操作、事件处理和动画效果时。"jQuery插件集之(按钮特效)+Demo"提供...

    CSS3实现酷炫动画按钮特效.zip

    "CSS3实现酷炫动画按钮特效.zip"这个压缩包文件,显然旨在帮助开发者创建一个具有动态效果的交互式按钮,以提升网页的用户体验。下面我们将深入探讨CSS3在实现这一目标时涉及的关键知识点。 首先,CSS3中的过渡...

    10多款支持进度条显示的CSS3按钮特效.rar

    10多款支持进度条显示的CSS3按钮特效,将进度条显示在按钮后,当用户单击了按钮后,程序执行过程中,进度条在按钮中呈现。示例中包括了18款类似的功能效果,每一款按钮中的进度条形式有所不同,请选择适合自己网站...

    最简单的纯CSS3滑动开关按钮特效

    【CSS3滑动开关按钮特效】是一种常见的UI设计元素,常用于开启或关闭某个功能,如设置中的开关选项。在本实例中,我们利用CSS3的强大功能,无需JavaScript即可实现这一效果,使得代码更加简洁且易于维护。 首先,...

    Path 按钮特效特逼真

    "Path按钮特效"是一种独特且吸引人的视觉效果,它通过Path类在Android图形库中实现,使得按钮的外观更加生动和逼真。本文将深入探讨如何利用Path类和相关技术来创建出这种特逼真的Path按钮特效。 Path类是Android...

    网页背景按钮特效集锦

    网页背景按钮特效集锦是一个资源包,包含了多种用于网页设计中的按钮特效。这些特效通常用于增强用户界面的交互性和吸引力,提升用户体验。在网页设计中,按钮是必不可少的元素,它们引导用户执行特定操作,如点击...

    css按钮特效,输入框特效,按钮粒子效果

    在这个“css按钮特效,输入框特效,按钮粒子效果”的主题中,我们将深入探讨如何利用CSS3来创建动态且吸引人的用户界面元素。 一、CSS3 按钮特效 1. 鼠标移入和鼠标点击特效:CSS3引入了`:hover`和`:active`伪类,...

    网页特效库包括背景特效,按钮特效等!

    这个资源库涵盖了多种类型的特效,如背景特效和按钮特效,这些是网页设计中不可或缺的部分。 首先,让我们深入了解一下背景特效。在网页设计中,背景并不是简单的一片颜色或图案,它可以作为网页的视觉基础,为用户...

    纯css3背景渐变按钮特效.zip

    "纯css3背景渐变按钮特效.zip" 这个标题指的是一个使用纯CSS3技术实现的、带有背景渐变效果的按钮特效的压缩包文件。CSS3是层叠样式表的第三版,它引入了许多新的特性和功能,其中就包括丰富的颜色过渡和渐变效果。...

    CSS3动画按钮特效

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的视觉效果和交互体验,其中之一就是动画按钮特效。这个"CSS3动画按钮特效"是一个简洁且实用的设计元素,能够为用户界面增添生动性,提升用户体验。下面将...

    纯CSS3鼠标滑过动画按钮特效.zip

    在本资源"纯CSS3鼠标滑过动画按钮特效.zip"中,我们主要关注的是如何利用CSS3中的transition属性来创建动态、吸引人的按钮效果。这个特效适用于网站设计,可以增加用户体验,使用户与网页交互时有更丰富的视觉反馈。...

    扩展bootstrap4按钮特效

    这个特定的压缩包文件“扩展bootstrap4按钮特效”旨在为Bootstrap4的按钮添加更吸引人的视觉效果,通过CSS3技术增强其外观,提供闪光和扁平线框两种独特的按钮特效。 首先,我们来看“闪光按钮特效”。这种特效通常...

    Jquery实现会发光的input按钮特效代码.zip

    这个“Jquery实现会发光的input按钮特效代码”是一个实例,展示了如何利用jQuery来创建吸引人的用户界面效果,特别是对于表单按钮。下面将详细介绍这个特效的实现原理和相关技术点。 首先,我们需要理解jQuery的...

    纯CSS3实现动画开关按钮特效.zip

    纯CSS3实现的动画开关按钮特效是一种常见的交互设计元素,常用于后台管理系统或者用户界面,以提供简洁且直观的操作方式。这种特效通过CSS3的属性和功能,无需JavaScript即可实现动态效果,使得开关按钮在被点击时...

    效果很漂亮按钮特效

    "效果很漂亮按钮特效"是一个专为C# WINFORM应用设计的组件,其目标是提供美观且吸引人的交互元素,提升用户的操作体验。在Windows Forms(WINFORM)平台上,开发者通常使用自定义控件来实现这种个性化的设计需求。 ...

    css3 UI开关按钮特效.zip

    本案例中的"css3 UI开关按钮特效"就是利用CSS3特性实现的一种互动式的UI组件,常用于表单中的选择开关,如开启/关闭功能的切换。 开关按钮在现代Web应用中非常常见,它们通常用来代替传统的复选框或单选按钮,以...

    15种漂亮的纯CSS3滑动按钮特效

    "15种漂亮的纯CSS3滑动按钮特效"是一个资源集合,它展示了如何利用CSS3的强大特性来设计各种各样的滑动按钮,无需依赖JavaScript或其他编程语言。这些特效可以提升用户界面的用户体验,让网站或应用程序的操作更加...

Global site tag (gtag.js) - Google Analytics