重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
background:url(images/loginbackground.png)top no-repeat 0px 10px;
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站设计、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的昂昂溪网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
等同与
background:url(images/loginbackground.png)top no-repeat;
background-position: 0px 10px; //水平方向(以左上角为原点,x方向)移动 0像素,垂直方向(y轴方向)即向下以动 10 像素
***注意:0px 不能省略,否则默认为x方向移动的距离。也可以设置为百分比值。
修改后:
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的style标签中,输入css代码:textarea {margin-top: 100px;}。
3、浏览器运行index.html页面,此时文本框被成功下移了100px。
在details标签外加一个相对定位的div 把details定义为绝对定位就可以了。
css是层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
1、想让div下移,使用position属性就可以调整,具体方法首先打开编辑器,新建一个html文件,写入基本的html结构,这里设置两个div,分别给它们的class属性命名为parent和child,并给parent和child的div设置好宽度和高度和不同的颜色:
2、此时打开浏览器,可以看到黄色的child在绿色的parent的div中间:
3、接着给child属性加入position属性设置为absolute,其中top、left、bottom、right四个值代表上、左、下、右的位置,这里只设置top的属性就可以下移了,其他设置为0:
4、再次打开浏览器,就会发现child下移了。以上就是网页制作中将div的位置下移的具体操作方法:
新建一个html文件,命名为test.html,用于讲解CSS实现文本框怎么下移。在test.html文件内,使用div标签创建一个模块,并设置div的class属性为mydiv,主要用于下面通过该class来设置css样式。在test.html文件内,在div标签内,使用input标签创建一个文本框,并设置input的id属性为myinput。在test.html文件内,编写style type="text/css"/style标签,页面的css样式将写在该标签内在css标签中,定义类名为mydiv的样式,使用border设置div的边框为1px灰色边框,使用width设置div的宽度为400px,使用height设置div的高度为200px。在浏览器中打开test.html文件,查看文本框未下移前的效果。在css标签内,定义id为myinput的样式,使用margin-top设置文本框下移20px。在浏览器打开test.html文件,查看实现的效果。