哈密网站建设里的关键字
作者:网站建设 | 发布日期:2021-03-30 | 浏览次数:
哈密网站建设中图像放置关键字最容易理解。其作用如其名所表明的,例如,top right使原图像放在元素内边距区的右上角。再回过头来看先前的那个小“阴阳”符号:
p {background-image:url(yinyang.gif);
background-repeat:no-repeat;
background-position:top right;}
这会在每个段落内边距右上角放置一个不重复的原图像。其结果(如图9-22所示)与将位置声明为right top是一样的。(根据规范)位置关键字可以按任何顺序出现,只要网页设计师保证不能超过两个关键字个对应水平方向,另一个对应垂直方向。
图9-22:在段落右上角放置背景图像
警告:Netscape 6.x系列有一个bug,如果规则中background-position关键字采用了某种特定顺序,这个bug会使浏览器忽略这条规则。为了避免这个bug,要确保关键字先指定水平放置,然后是垂直放置。因此,应当写作left center而不是center left。
如果只出现了一个关键字,则认为另一个关键字是center。表9-1显示了等价的关键字。
表9-1:等价的位置关键字
单个关键字
等价关键字
center
center center
top
top center center top
bottom
bottom center center bottom
right
center right right center
left
center left left center
所以,如果网页设计人员希望每个段落的中部上方出现一个图像,只需如下声明:
p{background-image:url(yinyang.gif);background-repeat:no-repeat;background-position:top;}
- GO 欣赏案例
- 查看经典案例