課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
怎么把個(gè)人簡(jiǎn)介放在左上角？？
thanks
2016-08-16
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 6-7
正在回答
<html>
<head>
<style type="text/css">
????.position{padding-top:1px;
????????????????????padding-right:100%;
????????????????????padding-bottom:100%;
????????????????????padding-left:1px;
????????????????????margin-top:1px;}</style>
</head>
<body>
????<div class="position">
????????????<p>個(gè)人簡(jiǎn)歷</p>
????</div>
</body>
</html>
clearcache_me 提問(wèn)者
<!doctype html><html><head><meta charset="utf-8"><title>無(wú)標(biāo)題文檔</title><style>#個(gè)人簡(jiǎn)歷{?? ?float: right;}</style></head><body><div id="個(gè)人簡(jiǎn)歷">個(gè)人簡(jiǎn)歷</div></body></html>
其他的一些屬性你也可以設(shè)置一下。
<!DOCTYPE HTML>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本域</title>
<style>
? ?p{
? ? ? ?font-size:10px;
? ? ? ?}
</style>
<form action="save.php" method="post" >
? ? <p >個(gè)人簡(jiǎn)介：<p>
? ? <textarea cols="50" rows="10">在這里輸入內(nèi)容...</textarea>
? ? <input type="submit" value="確定" ?name="submit" />
? ? <input type="reset" value="重置" ?name="reset" />
</form>?
position:absolute;left:0;top:0;父級(jí)position:relative;
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答這個(gè)框剛開(kāi)始在左上角怎么向左移動(dòng)
2 回答<label>個(gè)人簡(jiǎn)介：</label>
2 回答 <label>個(gè)人簡(jiǎn)介：</label> 代碼中點(diǎn)擊個(gè)人簡(jiǎn)介 label標(biāo)簽沒(méi)效果？求解 ?
3 回答怎么把聯(lián)系我們放到框的左上那塊
2 回答為什么是相對(duì)于右上角不是左上角
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-08-16
<html>
<head>
<style type="text/css">
????.position{padding-top:1px;
????????????????????padding-right:100%;
????????????????????padding-bottom:100%;
????????????????????padding-left:1px;
????????????????????margin-top:1px;}
</style>
</head>
<body>
????<div class="position">
????????????<p>個(gè)人簡(jiǎn)歷</p>
????</div>
</body>
</html>
2016-08-16
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無(wú)標(biāo)題文檔</title>
<style>
#個(gè)人簡(jiǎn)歷
{
?? ?float: right;
}
</style>
</head>
<body>
<div id="個(gè)人簡(jiǎn)歷">個(gè)人簡(jiǎn)歷</div>
</body>
</html>
其他的一些屬性你也可以設(shè)置一下。
2016-08-16
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本域</title>
<style>
? ?p{
? ? ? ?font-size:10px;
? ? ? ?}
</style>
</head>
<body>
<form action="save.php" method="post" >
? ? <p >個(gè)人簡(jiǎn)介：<p>
? ? <textarea cols="50" rows="10">在這里輸入內(nèi)容...</textarea>
? ? <input type="submit" value="確定" ?name="submit" />
? ? <input type="reset" value="重置" ?name="reset" />
</form>?
</body>
</html>
2016-08-16
position:absolute;left:0;top:0;父級(jí)position:relative;