Maison > interface Web > tutoriel HTML > 怎么把<input type="text"/>拖到中间??_html/css_WEB-ITnose

怎么把<input type="text"/>拖到中间??_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:21:37
original
927 Les gens l'ont consulté

初学dreamweaver,我想把左上角的那个,拉到图片的中间那里,该怎么弄??
直接拉的话,拉不了。。
或者说,代码应该怎么改???


login.css:

/* CSS Document */body{	position:absolute;	left:318px;	top:426px;	width:582px;	height:364px;	background-image:url(../images/log.gif);	background-position: center;	background-repeat: no-repeat;	background-attachment: fixed;}
Copier après la connexion


login.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>login</title><link type="text/css" rel="stylesheet" href="css/login.css" /></head><body><html>	<div>		user:<input name="text" type="text" />	</div></html></body></html>
Copier après la connexion


回复讨论(解决方案)

怎么用dreamweaver拉它,控制它,或者代码该怎么改??

你为啥body里面写个absolute,应该div上写啊...你加浮动流也OK...不知道你背景图多大!

添加一个class属性:
方法一:.userName{position:absolute;left:300px;top:250px;}
方法二:.userName{float:left;margin-left:300px;margin-top:250px;}

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal