html css js笔记

最新推荐文章于 2024-01-18 19:00:14 发布

刘_海洋

最新推荐文章于 2024-01-18 19:00:14 发布

阅读量309

点赞数

分类专栏： h5

本文链接：https://blog.csdn.net/haiyang497661292/article/details/80858742

版权

h5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1，使用a充当按钮，或者点击区域，要设置a的

.a_button{ 设置a的宽高，然后设置pading
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
width:100%;
height:100%;

}

或者下面： //设置a的行间距

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
 .mainTop {
  background: #eee;
  font-weight: bold;
  border-radius:5px;
  color: #333; 
	 
  text-align: center;
  height:100px;
  line-height: 100px;
     }
.a_fill{
  display: block;
  height: 100%;
  width: 100%; }
</style>
</head>
<body>
	<div class="mainTop">
	<a  class="a_fill" href="tab/index.html"> <span  style="text-align: center"><img src="img/logo.png"
					alt=""   class="mainLogo" />大地灯饰</span>
			</a>
		</div>
</body>
</html>

2，fixed的使用

使用top,left,right,bottom控制位置

3，text-align 块元素内的对其方式，水平居中

4，一般文字要垂直居中使用 line-height 属性，设置行高，文字自然居中

刘_海洋

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html css js笔记

1，使用a充当按钮，或者点击区域，要设置a的.a_button{ background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-blo...
复制链接

扫一扫