css应用重定义标签设置背景、导航条及rgba

5 篇文章 0 订阅

1.应用重定义标签设置背景
2.设置图像列表
3.导航条的书写
4.空链接
1.设置背景和字体等

body
			{
				background-image: url(img/logo.jpg);
				background-color:#dedede;
				background-repeat: no-repeat;
				background-position: center;
				background-position-y: 0px;
				color: black;
				font-size: large;
				font-family: helvetica;
			}

2.设置图像列表

	ul{
				list-style-image: url(img/maomao.jpg);
				margin-left: 100px;
			}

3.导航条的书写及鼠标放到导航栏的变化

	.topbav{
				margin-top: 50px;
				overflow: hidden;
				background-color: black;
				width: 80%;
				border-radius: 15px;
			}
			.topbav a{
				float: left;
				color: white;
				background-color: black;
				display: block;
				padding:18px;
				text-align: center;
			}
			.topbav a:hover{
				background-color: white;
				color: black;
			}

导航条由黑底白字变为白底黑字
4.关于空链接
HTML 空链接:指指向链接后,鼠标变成手形,但单击后仍停留在当前页面。

<a href="#">链接文字</a>

5.rgba
rgba() 函数使用红®、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。

RGBA 即红色、绿色、蓝色、透明度(英语:Red, Green, Blue、Alpha)。

红色(R)0 到 255 间的整数,代表颜色中的红色成分。
绿色(G)0 到 255 间的整数,代表颜色中的绿色成分。
蓝色(B)0 到 255 间的整数,代表颜色中的蓝色成分。
透明度(A)取值 0~1 之间, 代表透明度。
其中颜色可以使用百分比来表示

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值