導航:首頁 > 編程語言 > css布局的一個網頁源代碼

css布局的一個網頁源代碼

 發布時間：2023-07-09 20:43:35

① html+css簡單網頁代碼，五張網頁左右

多簡單 ？
<style type="text/css">
p{
color:#ccc;
font-size:20px;

}

</style>

<p>你好復</p>
2：
<style type="text/css">
*{
padding: 0;
margin: 0;
}
div{
background: #2B4D71;
color: #3aa21b;
position: absolute;
top: 300px;
left: 100px;
width: 300px;
height: 300px;
}
</style>
<div>第二個制</div>
3：
<style type="text/css">
*{
padding: 0;
margin: 0;
}
#divs{
background: #2B4D71;
color: #3aa21b;
}
</style>
<div id="divs">
<h3 onclick="Clicks()">點我</h3>
</div>
<script>
function Clicks(){
alert("被點擊了(點擊事件)");
document.getElementById("divs").style['background']="#0ff";
}
</script>
/**
*剩下那倆你自己隨便改改就ok了

*/

② 求CSS源代碼，謝謝

<style>
ul{width:500px;height:auto;}
li{height:60px;widht:100px;border-bottom:1pxsolid#cccccc;font-size:18px;font-weight:bold;line-height:30px;}
lispan{font-size:14px;color:#222;font-weight:normal;}
</style>
<ul>
<li>江南良倉省府大院江南良倉省府大院江南良倉省府大院江南良<br><spanstyle="float:left">2016-12-28</span><spanstyle="float:right">點擊查看>>></span></li>
</ul>

具體的還是要看你布局，，因為我寫的這里，是沒有其它的樣式干擾，沖突。。。

③ HTML+CSS實現網頁布局

<!DOCTYPEhtml>
<htmllang="en">
<head>
	<metacharset="UTF-8">
	<title>Layout</title>
	<style>
	body{margin:0;padding:0;}
	.Header,.Footer{height:100px;background-color:#369;}
	.Left,.Right{
		position:absolute;
		top:100px;
		width:100px;
		height:300px;
		background-color:pink;
	}
	.Left{left:0;}
	.Right{right:0;}
	.Cont{margin:0100px;}
		.con1,.con2{height:150px;}
		.con1{background-color:silver;}
		.con2{background-color:slateGrey;}
	</style>
</head>
<body>
	<divclass="Header">Header</div>
	<divclass="Left">Left</div>
	<divclass="Cont">
		<divclass="con1">con1</div>
		<divclass="con2">con2</div>
	</div>
	<divclass="Right">Right</div>
	<divclass="Footer">Footer</div>
</body>
</html>

閱讀全文

與css布局的一個網頁源代碼相關的資料

熱點內容
讀卡器可以讀取什麼上的數據 瀏覽：949
6s手機自帶的程序 瀏覽：408
剪輯和編程哪個作為副業 瀏覽：302
js可以隱藏頁面的div嗎 瀏覽：398
哪裡可以查自己車輪轂孔距數據 瀏覽：303
中央文件在哪裡可以找到 瀏覽：456
港劇那個app 瀏覽：107
excel按照名稱放入對應文件夾 瀏覽：538
毒葯app現狀 瀏覽：343
換蘋果屏幕視頻教程5S 瀏覽：900
手機excel表格改文件名 瀏覽：852
迅雷vip診斷工具 瀏覽：436
網路盒子光纖g紅燈什麼意思 瀏覽：62
office2003視頻教程全集 瀏覽：31
商品文件格式 瀏覽：610
u盤中病毒文件結尾變成exe怎麼辦 瀏覽：889
sql注入jsky 瀏覽：638
桌面視頻文件地址怎麼復制 瀏覽：531
資料庫怎麼查重復的數據 瀏覽：666
離線百科資料庫有哪些 瀏覽：974

友情鏈接