使用CSS样式创建一个漂亮的链接框吧

<!DOCTYPE html>

<html>

<head>

<style>

a:link,a:visited

{

display:block;

font-weight:bold;

font-size:14px;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

background-color:#98bf21;

width:120px;

text-align:center;

padding:4px;

text-decoration:none;

}

a:hover,a:active

{

background-color:#7A991A;

}

</style>

</head>

<body>

<a href="/index.html" target="_blank">链接</a>

</body>

</html>

实现如下：

最新文章

  1. vim - Convert between hex and decimal
  2. TOJ2647
  3. 五、BLE（下）
  4. Unity 依赖注入知识点
  5. 【mongo】mongo数据转json时特殊类型处理
  6. kubernetes 1.3 的安装和集群环境部署
  7. spring事务知识
  8. 学习java之泛型类和泛型方法
  9. 原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
  10. 晓说智能指针shared_ptr为何可以实现跨模块分配和释放内存
  11. python之smtplib发邮件
  12. appium的webdriver执行swipe
  13. sql servel 报错：将 expression 转换为数据类型 int 时出现算术溢出错误。
  14. CAN总线、自然与人
  15. ASP.NET Zero--前端应用程序
  16. 【tomcat启动失败问题】Unable to start embedded Tomcat
  17. java中 immutable,future,nio
  18. windows下安装apache zookeeper
  19. 怎样在 Ubuntu 上使用 ZFS 文件系统 | Linux 中国
  20. [android] 手机卫士自定义吐司

热门文章

  1. wepy 中文乱码
  2. React Native 之createDrawerNavigator和createSwitchNavigator
  3. PHP 大文件上传进度条实现
  4. 【bzoj2073】【[POI2004]PRZ】位运算枚举子集的特技
  5. [洛谷3934]P3934 Nephren Ruq Insania题解
  6. Packet Transactions: High-level Programming for Line-Rate Switches
  7. nvm 管理 node 版本
  8. BigDecimal.setScale 处理java小数点[转]
  9. Uncaught TypeError: Cannot read property 'length' of null错误怎么处理？
  10. VMware 接入 Openstack — 使用 Openstack 创建 vCenter 虚拟机