美文网首页
背景 按钮

背景 按钮

作者: 白s圣诞节 | 来源:发表于2018-10-23 16:49 被阅读0次

背景:

background-image:url(img/名字)
background-repeat:no repeat 不重复
repeat-x 图像占一横排
repeat-y 图像占一竖排

背景的偏移与定位:

background-position: 背景图片的开始位置,默认都是0% 0%
top left
bottom center;
center center;
left; (只写一个,后面的值默认是center)
100px,120px 水平100,垂直120
负值 反方向移动
background-attachment:默认页面滚动
fixed 固定,不动

head中设一个body{}--全部

按钮练习:

.btn:link{
display:block; (转换成块元素)
width:超链接图片宽
height:超链接图片高
background-image:url{img/1.png}
background-repeat:no repeat
}
.btn:hover{
background-image:url(img/hover.png)
>/图片整合技术(多张图片合成一张,提高加载速度)/
background-position:-图片宽px 0px
}
.btn:active{
background-image:url(img/active.png)
}

相关文章

  • 背景 按钮

    背景: background-image:url(img/名字)background-repeat:no repe...

  • android 自定义 header

    可以修改哪些参数 1、返回按钮图片替换、按钮宽高修改、按钮背景颜色修改2、整个headerLayout背景色的修改...

  • 背景

    设置背景 背景的偏移和定位 按钮练习 作业

  • 圆角风格Button

    圆角风格的按钮实际山就是一个带有圆角的背景,可以通过设置按钮的背景图片来实现 画一个圆角的矩形 设置按钮的背景为圆...

  • 优化-Overdraw

    问题:GPU Overdraw局部像素区域压力过大 1.Overdraw 在某个背景上有个按钮,要将按钮绘制在背景...

  • UIContextualActionStyle - 操作按钮的样

    是什么? 操作按钮的样式.UIContextualActionStyle 为: Normal 时它是灰色背景的按钮...

  • 知识点总结:09-按钮添加图片和背景图片的区别

    按钮添加图片与背景图片的区别: 添加图片,图片不会因为按钮的尺寸变大而拉伸 添加背景图片,会根据按钮尺寸的改变而改...

  • opacity 透明继承问题

    在页面中会遇到制作一个按钮,按钮周围会有一圈透明度的背景色,如果直接将按钮周围的背景设置opacity属性,会导致...

  • iOS图片拉伸技巧

    比如下面张图片,本来是设计来做按钮背景的: 现在我们把它用作为按钮背景,按钮尺寸是150x50: 运行效果图 可以...

  • 按钮UIButton背景图片拉伸

    // 拉伸按钮的背景图片

网友评论

      本文标题:背景 按钮

      本文链接:https://www.haomeiwen.com/subject/dlxazftx.html