html如何创建一个纯色扁平化按钮。

html-css040

html如何创建一个纯色扁平化按钮。,第1张

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<style>

  .dow{display:blockwidth:202pxheight:52px line-height:52px text-align:center font-family:arial,verdana,sans-serif, '新宋体' font-weight:bold font-size:22px background:#428bcacolor:#fff text-decoration:none border: 3px solid #357ebd cursor:pointer}

  .dow:hover{background:#1165ae}

  .dow:active{background:#0d79d5}

</style>

</head>

<body>

   <input name="xiazai" type="submit" class="dow" value="立即下载">

   <br />

   <br/>

   <button name="xiazai" type="submit" class="dow">立即下载</button>

   <br />

   <br />

   <a href="#" class="dow">立即下载</a>

</body>

</html>

效果图:

html网页模板建站的优点一方面是花费时间短,成本较低;另一方面是模板数量较多,能随时应对客户需求,让客户自主选择。你可以通过HTML网页模板的下载进行网站搭建,模板多种多样,在建站过程中,不需要需求分析、精心美工设计、搭建前台页面、编写功能程序。

html静态网页模板挺多的,包括商城或者博客之类的,目前很多静态网页模板的下载都提供了移动端和pc端页面,5个页面以上很正常。

需要注意的是如果是没有交互的展现型模板,那么不需要太多修改。如果是有交互的话和内容管理的话,可以将页面修改为cms系统形式,或者干脆直接使用cms网站模板。