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

热点内容
微信小程序tips 浏览：117
油印文件有哪些 浏览：854
java线程买票案例 浏览：672
java架构培训 浏览：857
price是什么文件 浏览：258
手机游戏编程哪个好学 浏览：259
qq邮箱怎么发语音文件 浏览：494
php删除数据库记录 浏览：905
文件校验工具有哪些 浏览：158
苹果app被乱扣费怎么投诉 浏览：269
数据通信工程师要负责多少设备 浏览：904
excel有没有多个文件数据链接 浏览：842
郑州儿童编程课程应该怎么选择 浏览：103
word2003二级标题编号 浏览：370
ipad百度云盘压缩文件 浏览：912
什么网站可以发现新产品 浏览：680
led屏用什么编程 浏览：322
创意编程怎么弄场景切换 浏览：315
解压代码选择 浏览：875
电脑开机后桌面文件全都没有了 浏览：666

友情链接