站長資訊網
        最全最豐富的資訊網站

        html如何設置圖片的位置

        html設置圖片的位置的方法是,給圖片添加background-positon屬性,并且設置合適的屬性值即可,例如【background-position:center;】。

        html如何設置圖片的位置

        本文操作環境:windows10系統、html 5、thinkpad t480電腦。

        要設置背景圖片的位置,可以使用css給我們提供的background-position屬性。

        bakcground-positon屬性是用來設置背景圖片的起始位置的。它的常用屬性值有:

        • x% y% 第一個值是水平位置,第二個值是垂直。左上角是0%0%。右下角是100%100%。如果僅指定了一個值,其他值將是50%。 。默認值為:0%0%

        • xpos ypos 第一個值是水平位置,第二個值是垂直。左上角是0。單位可以是像素(0px0px)或任何其他 CSS單位。如果僅指定了一個值,其他值將是50%。你可以混合使用%和positions

        • inherit 指定background-position屬性設置應該從父元素繼承

        代碼示例:

        <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>php中文網(php.cn)</title>  <style> body {  	background-image:url('smiley.gif'); 	background-repeat:no-repeat; 	background-attachment:fixed; 	background-position:center;  } </style> </head>  <body> <p><b>注意:</b>該屬性工作在 Firefox 和 Opera, background-attachment 屬性會被設置為 "fixed"。</p> </body> </html>

        大家可以將上面的示例代碼保存到本地,運行看下效果。

        相關視頻分享:html視頻教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 亚洲精品无码久久久久| 国产精品免费观看调教网| 老司机性色福利精品视频| 99久久综合国产精品二区| 国产精品视频色拍拍| 最新欧美性爱精品一区二区三区 | 国产va免费精品| 成人区精品一区二区不卡 | 国产人妖乱国产精品人妖| 久久精品亚洲男人的天堂| 青青草国产精品| 国产人妖乱国产精品人妖| 无码精品人妻一区二区三区漫画 | 91精品在线国产| 国产精品久久毛片完整版| 久久ww精品w免费人成| 中文字幕精品亚洲无线码一区| 欧美精品免费专区在线观看| 久久国产午夜精品一区二区三区| 91精品啪在线观看国产电影| 一区二区精品在线| 四虎国产精品免费久久5151| 久久久久夜夜夜精品国产| 99re6在线视频精品免费| 国产精品美脚玉足脚交欧美| 久久久久久九九99精品 | 久久99精品国产麻豆蜜芽| 国产精品白丝AV嫩草影院| 亚洲精品欧美综合| 九九精品在线观看| 国产精品一久久香蕉国产线看| 99久久精品毛片免费播放| av国内精品久久久久影院| 成人区精品一区二区不卡| 高清免费久久午夜精品| 久久精品视频网| 国产成人精品久久亚洲| 国产精品99久久不卡| 久久93精品国产91久久综合| 亚洲国产主播精品极品网红| 亚洲精品美女久久久久99|