溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML怎么將帶有邊框和邊界的圖像浮動(dòng)于段落的右側(cè)

發(fā)布時(shí)間:2022-03-05 09:42:03 來源:億速云 閱讀:371 作者:iii 欄目:web開發(fā)

本篇內(nèi)容介紹了“HTML怎么將帶有邊框和邊界的圖像浮動(dòng)于段落的右側(cè)”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

<html>

<head>

<style type="text/css">

img 

{

float:right;

border:1px dotted black;

margin:0px 0px 15px 20px;

}

</style>

</head>

<body>

<p>在下面的段落中,圖像會(huì)浮動(dòng)到右側(cè),并且添加了點(diǎn)狀的邊框。我們還為圖像添加了邊距,這樣就可以把文本推離圖像:上和右外邊距是 0px,下外邊距是 15px,而圖像左側(cè)的外邊距是 20px。</p>

<p>

<img src="/i/eg_cute.gif" />

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

</p>

</body>

</html>

“HTML怎么將帶有邊框和邊界的圖像浮動(dòng)于段落的右側(cè)”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!

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

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI