91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

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

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

CSS3如何實現淘寶留白示例

發布時間:2021-03-18 15:02:54 來源:億速云 閱讀:145 作者:小新 欄目:web開發

這篇文章主要介紹了CSS3如何實現淘寶留白,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

做一個淘寶的留白:

CSS3如何實現淘寶留白示例

當你在縮小瀏覽器頁面的時候他的內容區并沒有縮小,是留白的變小。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.wrapper{
				height: 30px;
				background-color: gray;
			}
			.content{
				width: 1200px;
				height: 30px;
				background-color: #0f0;
				margin: 0 auto;/* 上下0,左右自適應 */
			}
		</style>
	</head>
	<body>
		<div class="wrapper"><!-- 背景區 -->
			<div class="content"></div><!-- 內容區 -->
		</div>
	</body>
</html>

CSS3如何實現淘寶留白示例

這樣當你在縮放的時候,縮放的是外面灰色的部分,綠色的部分始終居中。

里面的文字就是這樣來寫了

<div>
<ul style="float: left;"></ul>
<ul style="float: right;"></ul>
</div>

感謝你能夠認真閱讀完這篇文章,希望小編分享的“CSS3如何實現淘寶留白”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

碌曲县| 湄潭县| 新化县| 时尚| 会东县| 炉霍县| 安国市| 辽阳县| 玉门市| 贺州市| 福鼎市| 资溪县| 阜平县| 博白县| 惠安县| 西吉县| 新绛县| 从化市| 永清县| 公主岭市| 托克逊县| 图们市| 沧源| 朝阳县| 吉水县| 泸西县| 进贤县| 灵宝市| 临夏县| 蓬安县| 桑日县| 佛教| 仁布县| 从江县| 新安县| 苏尼特右旗| 凌海市| 东乡族自治县| 乐山市| 杭州市| 哈巴河县|