暗灰色的圆形按钮.html

宝宝

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style>

            .graybtn {

            -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

            -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

            box-shadow:inset 0px 1px 0px 0px #ffffff;

            background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(, #d1d1d1) );

            background:-moz-linear-gradient( center top, #ffffff %, #d1d1d1 % );

            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1');

            background-color:#ffffff;

            -moz-border-radius:6px;

            -webkit-border-radius:6px;

            border-radius:6px;

            border:1px solid #dcdcdc;

            display:inline-block;

            color:#;

            font-family:arial;

            font-size:15px;

            font-weight:bold;

            padding:6px 24px;

            text-decoration:none;

            text-shadow:1px 1px 0px #ffffff;

        }

        .graybtn:hover {

            background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(, #ffffff) );

            background:-moz-linear-gradient( center top, #d1d1d1 %, #ffffff % );

            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff');

            background-color:#d1d1d1;

        }

        .graybtn:active {

            position:relative;

            top:1px;

        }

        </style>

    </head>

    <body>

        <div class="graybtn">宝宝</div>

    </body>

</html>

暗灰色的圆形按钮.html的更多相关文章

CSS的50个代码片段
1.css全局 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a ...
（转）每位设计师都应该拥有的50个CSS代码片段
原文地址:http://www.cnblogs.com/fengyuqing/archive/2013/06/15/css_50.html 面对每年如此多的新趋势 ,保持行业的领先是个很困难问题. ...
Android colors资源文件常用的颜色
<?xml version="1.0" encoding="utf-8"?> <resources> <color name=&q ...
Windows编程入门程序详解
引用:http://blog.csdn.net/jarvischu/article/details/8115390 1. 程序 /******************************* ...
color.xml
写控件的时候经常会遇到颜色选择问题,下面贴出常用颜色表示,方便选择. <?xml version="1.0" encoding="utf-8"?>& ...
Android中的颜色设置
1.在android中经常看到设置的颜色为八位的十六进制的颜色值,例如 public static final class color { public static final int lightb ...
android中所有颜色大全
< ?xml version="1.0" encoding="utf-8" ?> < resources>< colo ...
android颜色指列表
<?xml version="1.0" encoding="utf-8" ?> 2 <resources> 3 <color na ...
转发通过NAT和防火墙特性和TCP穿透的测评（翻译）
转自 http://blog.csdn.net/sjin_1314/article/details/18178329 原文:Characterization and Measurement of TC ...

随机推荐

7.22 NOIP模拟7
又是炸掉的一次考试 T1.方程的解本次考试最容易骗分的一道题,但是由于T2花的时间太多,我竟然连a+b=c都没判..暴力掉了40分. 首先a+b=c,只有一组解. 然后是a=1,b=1,答案是c-1 ...
CDQ分治学习笔记（三维偏序题解）
首先肯定是要膜拜CDQ大佬的. 题目背景这是一道模板题可以使用bitset,CDQ分治,K-DTree等方式解决. 题目描述有 nn 个元素,第 ii 个元素有 a_iai.b_ibi.c_ ...
Project Euler 55: Lychrel numbers
五十五.吕克雷尔数(Lychrel numbers) 如果我们把$47$翻转过来并和其自身相加,结果是$47+74=121$是一个回文数.并不是所有的数都可以这么快的变成回文数,比如说: \[ ...
[转载]【转】教你如何实现linux和Windows之间的文件共享，samba的安
原文地址:[转]教你如何实现linux和Windows之间的文件共享,samba的安装与配置作者:铅笔小蜡本人在虚拟机下装fedora13,已经实现.1. 首先检查os是否安装好了samba. [r ...
你了解MySQL的加锁规则吗？
注:加锁规则指的是next-key lock,如果还不了解next-key lock,请阅读上一篇博客加锁规则可以概括为:两个原则.两个优化和一个bug: 原则1:加锁的基本单位是next-key ...
CentOS7和Ubuntu下安装Docker & Docker-Compose
本篇介绍如何在CentOS 7.6和Ubuntu 16.04下安装Docker & Docker-Compose. CentOS篇安装Docker # cat /etc/redhat-rel ...
Linux进程管理（ps、pstree、top、pidof、kill、nice、free）
进程号(Process ID,PID) 1.ps命令(process status) 无选项时只显示从当前终端当前用户的进程 ps aux 是用BSD的格式来显示 java这个进程显示的项目有:USE ...
PHP的两种选择防止sql注入
1.使用PDO: $stmt = $pdo->prepare('SELECT * FROM user WHERE name = :name'); $stmt->execute(array( ...
node.js传参给PHP失败，headers加上'Content-Length': Buffer.byteLength(content)
node.js需要传参给PHP,执行计划任务 var events = require('events'); start_cron(,,{"auth":"7wElqW6v ...
WebSocket网络通信协议
WebSocket 协议在2008年诞生,2011年成为国际标准.所有浏览器都已经支持了. HTTP 协议有一个缺陷:通信只能由客户端发起.这种单向请求的特点,注定了如果服务器有连续的状态变化,客户端 ...

暗灰色的圆形按钮.html

暗灰色的圆形按钮.html的更多相关文章

随机推荐

热门专题