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

熱點內容
網路評選一般有哪些 瀏覽：476
2021三支一扶報名數據在哪裡看 瀏覽：914
網路未備案怎麼打得開 瀏覽：987
計算機程序用什麼編程語言 瀏覽：324
linux入門常用命令 瀏覽：497
江寧區哪裡有數控編程培訓 瀏覽：778
java寫一個shape形狀類 瀏覽：744
win7如何設置word背景顏色 瀏覽：484
如何創造電腦編程語言 瀏覽：56
昂達平板電腦圖形密碼忘記怎麼辦 瀏覽：92
組織文件內容是什麼 瀏覽：183
0基礎如何學習智能編程 瀏覽：366
java程序員全攻略下載 瀏覽：715
網路逆向教程 瀏覽：135
iso文件如何重裝系統 瀏覽：750
ghost鏡像文件路徑如何恢復 瀏覽：832
搭建網站需要多少錢啊 瀏覽：599
編程貓怎麼設置背景亮度 瀏覽：177
qq文件破損 瀏覽：414
javapoi配置 瀏覽：608

友情鏈接