要實現兩個CSS橫排,需要使用CSS的float屬性。我們可以使用以下代碼:
<style> .left{ float: left; width: 50%; background-color: red; } .right{ float: right; width: 50%; background-color: blue; } </style> <div class="left"> <p>左側內容</p> </div> <div class="right"> <p>右側內容</p> </div>
在上面的代碼中,我們創建了兩個div元素,它們被定義為“left”和“right”類。對于每個div元素,我們使用了float屬性并分配了50%的寬度,這意味著兩個div元素將分別占據頁面的左側和右側,并且它們的寬度將等于頁面的一半。
我們還設置了兩個div元素的不同背景顏色,以便更好地區分它們。在每個div元素中,我們使用了p標簽來創建一個簡單的段落,以演示如何加入其他內容。
最終,這段CSS代碼將實現兩個CSS橫排,左側部分將有紅色背景,右側部分將有藍色背景,并且它們將居中放置。這是一個非常簡單的方法,可用于創建許多網頁布局。
上一篇mysql多少錢一臺
下一篇mysql多庫授權