導航:首頁 > 萬維百科 > 網頁設計這樣把圖片往上移

網頁設計這樣把圖片往上移

發布時間:2021-03-01 21:34:12

1、HTML 裡面的圖片怎麼移動位置?

需要准備的材料分別copy有:電腦、chrome瀏覽器、html編輯器。

1、首先,打開html編輯器,新建一個html文件,例如:index.html,填充問題基礎代碼。

2、在index.html中的<img>標簽,輸入html代碼:style="margin: 15px 20px 25px 30px;"。

3、瀏覽器運行index.html頁面,此時圖片被成功移動了位置到距離左側30像素,上方15像素。

2、網頁製作中如何製作幾張圖片首尾相連的往上滾動

無縫滾動吧?
[html]<style type=text/css>
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
height: 100px;
text-align: center;
float: left;
}
#demo img {
border: 3px solid #F2F2F2;
display: block;
}
-->
</style>
向上滾動
<div id=demo>
<div id=demo1>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
</div>
<div id=demo2></div>
</div><script>
<!--
var speed=10; //數字越大速度越慢
var tab=document.getElementById(demo);
var tab1=document.getElementById(demo1);
var tab2=document.getElementById(demo2);
tab2.innerHTML=tab1.innerHTML; //克隆demo1為demo2
function Marquee(){
if(tab2.offsetTop-tab.scrollTop<=0)//當滾動至demo1與demo2交界時
tab.scrollTop-=tab1.offsetHeight //demo跳到最頂端
else{
tab.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};//滑鼠移上時清除定時器達到滾動停止的目的
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};//滑鼠移開時重設定時器
-->
</script>
[/html]

3、網頁設計中怎麼把最右下方的圖片垂直上移

?

4、怎麼樣用html語言讓圖片的位置向左或者是向右移動一點

copy根據圖片的位置需要向左或者是向右移動多少來調整代碼中left 和top的值即可,說明:

Left 靠左距離多少

Top 靠頂部距離多少

通過下面方法:

<img src="ad-02.jpg" width="400px"; height="200px"; style="position:absolute; left:100px; top:100px; ">

5、在網頁設計中如何才能使圖片能不往上跑

估計你上面用了浮動了吧,下面需要清除浮動。可以在中間加上下面的代碼:
<div style="clear:both"></div>
當然可以用css分開寫。

6、急急急在div中怎麼把圖片上移,我沒用css,或是不用div還有什麼辦法做到

試試向左漂復移:

<div style="float:left;">

 不知道你制其他的div怎麼定位的,在div裡面加入這個style,這三個值都試試吧:

<div style="position:absolute; float:left; top:0px; margin-top:0px;">
<div style="position:fixed; float:left; top:0px; margin-top:0px;">
<div style="position:relative; float:left; top:0px; margin-top:0px;">

與網頁設計這樣把圖片往上移相關的知識