导航:首页 > 编程语言 > 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布局的一个网页源代码相关的资料

热点内容
网页框架拆分代码 浏览：382
未来十年网络安全有什么影响 浏览：362
win10更新后进不了剑灵 浏览：243
iphone471激活出错 浏览：648
怎么把文件拷到u盘 浏览：620
中伊签署文件视频 浏览：661
电信光宽带网络不稳定 浏览：504
网络岗软路由 浏览：995
黑莓z10在哪里下载app 浏览：310
net批量下载文件 浏览：696
怎么把苹果一体机文件拷贝 浏览：117
sql文件怎么写 浏览：9
帝豪ec718导航升级 浏览：257
如何运用编程进行统计 浏览：570
excel如何拉考勤数据 浏览：879
大智慧612手机版本 浏览：796
编程试什么 浏览：252
plc编程要遵循什么规则 浏览：16
苹果平板电脑a1476 浏览：221
创建mysql数据库的步骤 浏览：406

友情链接