css如何设置图片居中偏下

html-css010

css如何设置图片居中偏下,第1张

你需要用到background-position这个属性,用以规定背景图片的位置。让图片居中偏下的代码为:

background-positon:center bottom 或 background-positon:bottom

全部的位置代码如下:

background-position: left 代表背景图横向(X轴)靠左,纵向(Y轴)居中。(9点钟位置)

background-position: right 代表背景图横向(X轴)靠右,纵向(Y轴)居中。(3点钟位置)

background-position: top 代表背景图横向(X轴)居中,纵向(Y轴)靠上。(12点钟位置)

background-position: bottom 代表背景图横向(X轴)居中,纵向(Y轴)靠下。(6点钟位置)

background-position: center 代表背景图横向(X轴)居中,纵向(Y轴)居中。(绝对居中)

background-position: left top 代表背景图横向(X轴)靠左,纵向(Y轴)靠上。(10点钟位置)

background-position: left bottom 代表背景图横向(X轴)靠左,纵向(Y轴)靠下。(7点钟位置)

background-position: right top 代表背景图横向(X轴)靠右,纵向(Y轴)靠上。(1点钟位置)

background-position: right bottom 代表背景图横向(X轴)靠右,纵向(Y轴)靠下。(5点钟位置)

额~敢情你所说的是framels_hover.jpg中的下划线,无实际意义,只是个人习惯的命名规范而已,便于记忆和识别

hack技术,兼容性问题解决方式,_表示只有ie6识别的css样式。可自行百度css hack

字体默认是按基线对齐的,基线并不是字体的最底边,而是在小写字母g那个小圆圈的下边(读小学的时候用来写字母的作业本,那四条线的第三条线就是基线)。而中文字体由于是方块字,不存在英文字体“出头出脚”的问题,所以基线其实就是底边,但是为了保证汉字与英文并列时能够保持一致和美观,中文字体也仍然是有基线的,而且不同的字体其基线与底边的距离也可能各不相同,“微软雅黑”的基线位置比其他中文字体要高一些,导致字体会往下偏移,但这不一定是bug,可能是微软想让中英混排的时候显得更美观吧。你可以自己在“测试”两个字的后面加一些字母和数字去试试看。