css中浮動(dòng)屬性float怎么用

發(fā)布時(shí)間：2022-03-02 11:44:39 來(lái)源：億速云閱讀：145 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要介紹了css中浮動(dòng)屬性float怎么用，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

　　一、css浮動(dòng)屬性-floatright屬性代碼示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<title>cssfloatright屬性使用示例</title>

　　<style>

　　.demo{

　　width:500px;height:400px;

　　background-color:#b2ecef;

　　}

　　img{

　　width:100px;

　　height:100px;

　　float:right;

　　}

　　</style>

　　</head>

　　<body>

　　<divclass="demo">

　　<imgsrc="/test/img/1.png">

　　<imgsrc="/test/img/2.png">

　　</div>

　　</body>

　　</html>

css中浮動(dòng)屬性float怎么用

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css中浮動(dòng)屬性float怎么用”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

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

猜你喜歡