老师,把a标签转换为块级元素和行内块都可以吧在这里,都可以设置宽高。
请老师检查一下到目前为止我的css文件,感谢老师
*{
margin: 0;
padding: 0;
}
ul,ol{
list-style: none;
}
a{
text-decoration: none;
}
/* 使用继承性,给body标签设置字体 */
body{
font:normal 14px/25px "微软雅黑";
}
/* 头部 */
/* header{
} */
header .header-top{
width: 1201px;
margin: 0 auto;
overflow: hidden;
}
header .header-top .logo{
padding-top: 39px;
width: 192px;
height: 63px;
float: left;
}
header .header-top .logo h1{
width: 192px;
height: 63px;
}
header .header-top .tool{
float:right;
width: 266px;
height: 76px;
padding-top: 36px;
}
header .header-top .tool .r1{
margin-bottom: 10px;
}
header .header-top .tool .r1 .tel{
width: 32px;
height: 25px;
}
header .header-top .tool .r1 .telnumber{
font-size: 20px;
color: #00978E ;
display: inline-block;
width: 158px;
height: 26px;
/* 水平居中 */
text-align: center;
}
header .header-top .tool .r1 .icon{
width: 24px;
height: 24px;
}
header .header-top .tool .r1 .chinese_icon{
margin-right: 14.1px;
}
header .header-top .tool .r2{
width: 264px;
height: 28px;
border: 1px solid rgba(202,202,202,0.60);;
}
header .header-top .tool .r2 input{
float: left;
width: 224px;
height: 28px;
/* 去掉搜索框的边框线 */
border: none;
/* 去掉鼠标点击时候的黑框子 */
outline: none;
padding-left: 20px;
}
header .header-top .tool .r2 button{
float: left;
width: 20px;
height: 28px;
border: none;
outline: none;
/* 背景去掉 */
background: none;
/* 设置触碰时候的鼠标指针样式 */
cursor: pointer;
/* 用相对位置微调定位 */
position: relative;
top: 2px;
right: 2px;
}
header .main-nav{
height: 60px;
/* 这里不要写宽度,因为不知道用户的屏幕有多大 */
background-color: #00978E;
margin-top: 29px;
}
header .main-nav ul{
width: 1200px;
height: 60px;
margin: 0 auto;
}
header .main-nav ul li{
float: left;
width: 150px;
height: 60px;
text-align: center;
line-height: 60px;
}
header .main-nav ul li a{
color: white;
display: inline-block;
width: 150px;
height: 60px;
}
header .main-nav ul li.cur{
background-color: #015E58;
}
header .main-nav ul li a:hover{
background-color: #015E58;
}
正在回答
同学你好,解答如下:
1、a标签转成块级元素和行内块都可以设置宽高。
2、只粘贴了css代码,所以老师在测试时,使用的是课程源码中的html结构,“小慕医生”这四个字可以再调整一下字体颜色等样式,让效果更美观。
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星