欢迎来到路由器窝!

添加居中按钮带连接

浏览次数:

作者: 路由器窝

信息来源:

更新日期: 2018-03-23 21:18

文章简介

style.button { background: #c62d1f; background-image: -webkit-linear-gradient(top, #c62d1f, #f24437); background-image: -moz-li

  • 正文开始
  • 相关文章
<style>
.button {
  background: #c62d1f;
  background-image: -webkit-linear-gradient(top, #c62d1f, #f24437);
  background-image: -moz-linear-gradient(top, #c62d1f, #f24437);
  background-image: -ms-linear-gradient(top, #c62d1f, #f24437);
  background-image: -o-linear-gradient(top, #c62d1f, #f24437);
  background-image: linear-gradient(to bottom, #c62d1f, #f24437);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  text-shadow: 0px 1px 0px #810e05;
  -webkit-box-shadow: 3px 4px 0px 0px #8a2a21;
  -moz-box-shadow: 3px 4px 0px 0px #8a2a21;
  box-shadow: 3px 4px 0px 0px #8a2a21;
  font-family: Arial;
  color: #ffffff;
  font-size: 44px;
  padding: 12px 30px 12px 30px;
  border: solid #d02718 1px;
  text-decoration: none;
}

.button:hover {
  color: #ffffff;
  background: #f24437;
  text-decoration: none;
}


.button1 {
  background: #599bb3;
  background-image: -webkit-linear-gradient(top, #599bb3, #408c99);
  background-image: -moz-linear-gradient(top, #599bb3, #408c99);
  background-image: -ms-linear-gradient(top, #599bb3, #408c99);
  background-image: -o-linear-gradient(top, #599bb3, #408c99);
  background-image: linear-gradient(to bottom, #599bb3, #408c99);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  text-shadow: 0px 1px 0px #3d768a;
  -webkit-box-shadow: 0px 10px 14px -7px #276873;
  -moz-box-shadow: 0px 10px 14px -7px #276873;
  box-shadow: 0px 10px 14px -7px #276873;
  font-family: Arial;
  color: #ffffff;
  font-size: 44px;
  padding: 12px 30px 12px 30px;
  text-decoration: none;
  margin:0 100px 0 100px;
}

.button1:hover {
  color: #ffffff;
  background: #408c99;
  text-decoration: none;
}

</style>
<div style ="margin-top:15px"></div>
<div style ="margin:0 auto; width:950px; height:100px;">
<input onclick="window.open('http://www.baidu.com','_blank');" type="button" class="button" value="点击注册">
<input onclick="window.open('http://www.baidu.com','_blank');" class="button1" type="button" value="点击登录">
<input onclick="location.href='tencent://message/?uin=11865';" class="button" type="button" value="联系客服">
</div>

转载请注明:DEDEcms» 添加居中按钮带连接

标签:
  • 列表调用图集带文章ID
    226阅读
    // 在图集列表中调出图集的所有图片function Getimgs($aid, $imgwith = 220, $imgheight = 80, $num = 0, $style = ){global $dsql;$imgurls = ;$row = $dsql - getone(Select * From`dede...
  • 搜索页调用列表,dedecms织梦搜索页如何调用栏目及文章列表
    217阅读
    下边我们来介绍一下如何在搜索页支持arclist和channelartlist这两个标签的调用: 第一步打开include/arc.searchview.class.php查找(14-15行)require_once(DEDEINC./taglib/hotwords.lib.php);require_once(DEDE...
  • dede强制分页正常显示
    127阅读
    dede强制分页正常显示 div class=dede_pages ul class=pagelist {dede:pagelist listitem=info,index,end,pre,next,pageno listsize=4/} /ul /divscript src=/js/jquery.lazyload.m...
  • 修改DEDECMS栏目页标题中的斜杠替换为下划线
    99阅读
    修改DEDECMS栏目页标题中的斜杠替换为下划线 打开include/arc.listview.class.php,大约84行。 $this-Fields[title] = preg_replace([], / ,$this-TypeLink-GetPositionLink(false)); 替换为: $this-Fi...
  • DEDE畅言安装使用,留言插件使用方法
    214阅读
    请根据您下载的dedecms编码下载相应的畅言插件: http://changyan.kuaizhan.com/download/dede/ 下载 安装设置即可。调用方法 {dede:changyan/}
  • DEDE列表页如何实现序列显示+序列号
    128阅读
    有些时候我们在制作模板的需要在文章标题前面加上序列号,可以通过织梦自带的autoindex属性来实现,实现方法很简单,只需要在序号递增的地方加上 这段代码就行,
  • DEDE批量替换标题内容方法
    193阅读
    进入后台,点左侧的采集,点选批量维护的数据库内容替换或者后台,上部的必须辅助功能,批量维护的数据库内容替换 如果你需要替换标题内的某些内容,选择dede_archives数据表,选择title字段,输入被替换内容,替换为内容,填入安全确认码,最后点开始替换数
  • DEDE图集之列表/频道页等调用图集里的内容图片和注释
    148阅读
    首先修改调用的部分 {dede:arclist typeid=5 orderby=pubdate row=4} li a href=[field:litpic/] rel=works[field:id/] workstitle=[field:title function=html2text(@me)/]img src=...
  • DEDECMS列表页调用当前栏目父级栏目以及链接
    160阅读
    打开文件/include/taglib/channel.lib.php 找到 if($type==top) { $sql = SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath From ...
  • 巧用无分页刷新内容实现换一换内容
    124阅读
    找到\include\taglib\arcpagelist.lib.php文件然后搜索按页显示找到相应代码修改适当的修改分页样式 //按页显示 $listNums = ; for ($i=1; $i2; $i++) { $listNums.= a href=javascript:multi(. $i .,\{$tagi...
上一页:证书查询插件
下一页:列表多个排序属性定义-列表显示多个排序
最近更新作品
城市联动提交表单
更新时间:2020-11-17

169人已经看过了!

统计栏目文章数量有的显示数量没有显示0
更新时间:2020-11-15

135人已经看过了!

自定义表单列表添加全选
更新时间:2020-10-19

157人已经看过了!

自定义表单展现样式
更新时间:2020-10-19

165人已经看过了!

Body里面多了个&amp;#65279字符,空白一行解决办法
更新时间:2021-01-25

168人已经看过了!

自定义证书添加图片
更新时间:2020-07-15

235人已经看过了!

dede导出证书查询数据到excel
更新时间:2020-06-19

287人已经看过了!

dedecms--会员信息导出excel表格
更新时间:2020-06-19

171人已经看过了!

dede 获取图集里面图片的数量
更新时间:2020-05-25

176人已经看过了!

织梦栏目做成列表分页(小说列表)
更新时间:2020-05-08

215人已经看过了!