導航:首頁 > 編程語言 > 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布局的一個網頁源代碼相關的資料

熱點內容
西安程序員工資 瀏覽：389
表格怎麼添加一行數據 瀏覽：35
旅遊網站開發怎麼選 瀏覽：669
properties文件位置 瀏覽：679
不想學編程可以做什麼 瀏覽：22
手機照片一鍵壓縮成文件 瀏覽：962
女生微信霸氣個性簽名 瀏覽：626
微博如何看別人一個月的數據 瀏覽：14
萬能小組件怎麼點擊就進入app應用 瀏覽：817
蘋果5s變形怎麼恢復 瀏覽：286
電腦里文件密碼忘了咋辦啊 瀏覽：315
輸入文件夾 瀏覽：31
extjsgrid刪除列 瀏覽：43
gdx文件怎麼打開 瀏覽：759
如何更新大數據量表 瀏覽：311
特殊量產工具 瀏覽：980
安卓網路顯示h2是什麼意思 瀏覽：90
哪個拍照app好 瀏覽：70
文件被設置隱藏屬性如何顯示 瀏覽：142
網路電視的好處 瀏覽：657

友情鏈接