『壹』 css如何控制图片位置
1、首先我们需要插入一张图片,并且图片只出现一次,并设计图片出现的位置在左上角,可以按照如下代码来完成:
<html>
<head>
<title>图片位置设置</title>
<style type="text/css">
body{
background-image:url("2.jpg");
background-attachment:scorll;
background-repeat:no-repeat;
background-position:top left;
}
</style>
</head>
<body>
</body>
</html>
可以看到背景图片出现的位置在浏览器的左上角,这个和默认的设置是一样的。
『贰』 在js中如何给text-align赋值
HTML DOM 允许 javaScript 改变 HTML 元素的样式,设置text-align样式的代码为:
obj.style.textAlign="left/right/center";
实例演示如下:
1、HTML结构
<divid="test">示例文字</div>
<inputtype="button"value="左对齐"onclick="fun1()">
<inputtype="button"value="居中"onclick="fun2()">
<inputtype="button"value="右对齐"onclick="fun3()">
2、javascript代码
functionfun1(){
document.getElementById("test").style.textAlign="left";
}
functionfun2(){
document.getElementById("test").style.textAlign="center";
}
functionfun3(){
document.getElementById("test").style.textAlign="right";
}
3、效果演示