html中如何使用position

發(fā)布時間：2022-03-25 13:58:46 來源：億速云閱讀：246 作者：小新欄目：web開發(fā)

這篇文章主要為大家展示了“html中如何使用position”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“html中如何使用position”這篇文章吧。

　　<html>

　　<head>

　　<styletype="text/css">

　　/*首先寫一個position的div*/

　　#car{

　　width:150px;height:30px;

　　background:#999999;

　　color:white;text-align:center;

　　line-height:30px;margin:232px300px;

　　border:1pxsolidblack;position:relative;

　　}

　　#num{

　　width:20px;height:20px;background:red;

　　color:white;text-aligh:center;

　　line-height:20px;position:absolute;

　　top:-15px;left:25px;

　　}

　　</style>

　　</head>

　　<body>

　　<divid="car">

　　去購物車付款

　　<divid="num">0</div>

　　</div>

　　</body>

　　</html>

以上是“html中如何使用position”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡