Project: CSS Buttons

2019独角兽企业重金招聘Python工程师标准>>>

１.html部分

<!DOCTYPE html>
<html><head><title>Button</title><link rel='stylesheet' type='text/css' href='stylesheet.css'/></head><body><div id="orange"><br/>Submit!</div><div id="green">✓</div><div id="red">X</div></body>
</html>

css部分

#orange {width: 100px;height: 60px;background-color: #F38630;color: #FFFFFF;border-radius: 5px;border: 4px solid #FA6900;font-family: Verdana, Arial, Sans-Serif;font-size: 1em;font-weight: bold;text-align: center;box-shadow: 5px 5px 5px #888;display: inline-block;margin-right: 20px;
}#green {width: 40px;height: 40px;border-radius: 100%;background-color: #9DE0AD;color: #008800;text-align: center;font-weight: bold;font-size: 2em;border: 4px solid #008800;box-shadow: 5px 5px 5px #888;display: inline-block;margin-right: 20px;
}#red {width: 50px;height: 50px;background-color: #eee;border-radius: 2px;color: #CC0000;font-family: Verdana, Arial, sans-serif;text-align: center;font-weight: bold;font-size: 2.5em;border: 4px solid #CC0000;box-shadow: 5px 5px 5px #888;display: inline-block;position: relative;top: 10px;margin-right: 20px;
}

转载于:https://my.oschina.net/u/1451475/blog/203886

Project: CSS Buttons相关推荐

reuse project css less path folder hierarchy issue
Question 1580024800 - Internal Incident: Q2C/GM4: Issue in 'Simulate sales pipeline' app. I ran into ...
17款加速效率的CSS工具
作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间.这对于提高你的工作效率并最大化你的利润是非常重要的.下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间. ...
css3实现的the Sexy Buttons
今天做一些用css3实现的the Sexy Buttons 源代码下载地址:http://download.csdn.net/my/uploads/1 html代码如下: <h1>Sexy ...
17个可以节省你时间的CSS工具
作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间.这对于提高你的工作效率并最大化你的利润是非常重要的.下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间. ...
情人节程序员用HTML网页表白【冬季雪花生日礼物制作一个超浪漫的告白3D相册】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
前端常用的CSS工具库
1. animista,在线查看自己需要的动画效果,比较常用,直接复制代码即可. 官网: Animista - CSS Animations on Demand 2.Animate.css是一个现成的 ...
30个优秀的CSS导航菜单和按钮教程
在web设计中,CSS是最重要的组成部分.为了让大家更好的了解如何通过CSS来设计,下面就分享30个优秀的CSS导航菜单和按钮.通过这些教程,你可以更好的从中学习.enjoy! 01. Advance ...
css 蒙版效果_CSS蒙版的过渡效果
css 蒙版效果 View demo 查看演示 Download Source 下载源 Today we'd like to show you how to create an intriguingl ...
CSS按钮样式，带代码传送门
1. Plastic Buttons 这组按钮相当的简洁.干净.由于它们拥有不同的颜色.尺寸以及风格,并提供了小.中.大号按钮供你任意挑选.所以,你可以轻松地重新调整或更换它们.而利用纯 CSS 的实 ...

Project: CSS Buttons

Project: CSS Buttons相关推荐

最新文章

热门文章