lixiaolong 发表于 2018-12-15 08:45:23

20161110 PHP

  链接的使用
  编码如下
  
  
  
  
  
  
  a{
  /*去掉下划线*/
  text-decoration:none;
  }
  

  
  
  
  
  
  
  
  
  
  美食
  
  
  注意 “.”的使用 .是当前目录..是上一级目录

  二;在原标题栏中加入链接练习

  编码如下
  
  
  
  
  
  
  
  div{
  width: 1500px;
  margin: 0px auto;
  /*background-color: #ff0000;*/
  
  
  }
  li{
  /*去掉点*/
  list-style: none;
  /*这是字体的宽度*/
  width: 90px;
  height: 50px;
  /*行高*/
  line-height: 50px;
  background-color: #be0000;
  /*字体的外边框*/
  margin: 0px 0px;
  float: left;
  /*字体与背景居中*/
  text-align: center;
  /*字体大小*/
  font-size: 20px;
  color: #ffffff;
  

  

  }
  a{
  text-decoration:none;
  color: #ffffff;
  }
  
  
  
  
  
  

  新闻
  云计算
  大数据
  移动
  网络
  安全
  系统
  开发
  服务器
  存储
  数据库
  虚拟化
  商务办公
  CIOage
  读书
  
  
  
  
  
  如图所示
  http://s3.运维网.com/wyfs02/M00/8A/0A/wKioL1glEGmiR6kAAAATr2BBD_M744.png-wh_500x0-wm_3-wmp_4-s_3928918167.png

  点击新闻图标后
http://s5.运维网.com/wyfs02/M01/8A/0E/wKiom1glEKLToLtjAABZwuBdF-Q929.png-wh_500x0-wm_3-wmp_4-s_547669704.png
  依次点击会跳转到相应的界面。



页: [1]
查看完整版本: 20161110 PHP