css按钮大小固定,在CSS中创建一个固定宽度的按钮

我有几个可变宽度的按钮，我希望它们都是一定的宽度。当我尝试添加width: 150px;时，它不起作用。如何创建这些全部具有设定宽度的按钮？在CSS中创建一个固定宽度的按钮

HTML

Lorem

Lorum Ipsum

Lorum Ipsum dolor

Lorum Ipsum dolor sit amet

CSS

.dark_button{

border-top: 1px solid #969696;

background: #000000;

background: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#000000));

background: -webkit-linear-gradient(top, #545454, #000000);

background: -moz-linear-gradient(top, #545454, #000000);

background: -ms-linear-gradient(top, #545454, #000000);

background: -o-linear-gradient(top, #545454, #000000);

padding: 5px 10px;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;

-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;

box-shadow: rgba(0,0,0,1) 0 1px 0;

text-shadow: rgba(0,0,0,.4) 0 1px 0;

color: #e3e3e3 !important;

font-size: 14px;

text-decoration: none;

vertical-align: middle;

}

.dark_button:hover {

border-top-color: #4f4f4f;

background: #4f4f4f;

color: #ccc;

text-decoration:none;

}

.dark_button:active {

border-top-color: #4a4a4a;

background: #4a4a4a;

}

.150px-width{

width: 150px;

}

2012-09-24

L84

css按钮大小固定,在CSS中创建一个固定宽度的按钮相关推荐

win8创建计算机快捷方式,Win8中创建一个快速关机按钮快捷方式图文教程
如果你习惯了Winxp.Vista或者Win7,再用起来Win8你一定会觉得这系统太不方便了.开始菜单不见了,关机按钮也不知跑到哪里去了.你的不习惯可能只是因为开始菜单的消失.其实开始菜单只是变了一种 ...
java怎么添加到按钮组_如何在Java中创建一个带有连接按钮的ButtonGroup？
我目前正在尝试创建一组切换按钮,这些按钮类似于Eclipse的格式化程序首选项中使用的按钮: 目前我已通过以下方式尝试此操作: public class Exercise extends JFrame ...
android 绘制按钮,Android：使用xml定义创建一个三角形的按钮(可绘制)
如果有人仍然有这个问题: > xml: android:fromDegrees="45" android:toDegrees="0" android:pi ...
php日历css样式,如何在HTML5和CSS3创建一个日历图标
你有没有看到西蒙娜萨拉的最近的一篇文章, 如何在Photoshop中创建一个日历应用程序图标 ? 它看起来很棒,非常适合智能手机的日历应用程序,是大家非常关注的,因为我们进入2014年. 有没有可能建 ...
在python中创建一个具有特定大小的空列表
本文翻译自:Create an empty list in python with certain size I want to create an empty list (or whatever i ...
react中创建一个组件_如何使用React和MomentJS创建一个Countdown组件
react中创建一个组件 Recently I had to create a Countdown for one of my other projects, and I thought that i ...
PS网页设计教程V——如何在Photoshop中创建一个商业网站布局
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...
PS网页设计教程XV——如何在Photoshop中创建一个充满活力的作品集的网页设计
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...
PS网页设计教程XVI——在PS中创建一个摩登实验室风格的网页设计
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...

css按钮大小固定,在CSS中创建一个固定宽度的按钮

css按钮大小固定,在CSS中创建一个固定宽度的按钮相关推荐

最新文章

热门文章