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;">