code1【枫年流月吧】

枫年流月吧关注：4贴子：84

2回复贴，共1页

code1

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
table
{
border-collapse:collapse;
}
</style>
</head>
<body>
<h1>
静态页面示例</h1>
<hr />
<table border="1">
<thead>
<tr>
<th>
用户名
</th>
<th>
年龄
</th>
</tr>
</thead>
<tr>
<td>
张珊珊
</td>
<td>
20岁
</td>
</tr>
<tr>
<td>
李思思
</td>
<td>
26岁
</td>
</tr>
</table>
<div>
<img src="Contents/1.jpg" alt="Picture" />
</div>
<br />
<video width="320" height="300" controls="controls">
<source src="Contents/movie.mp4" type="video/mp4">
</video>
<br />
<audio controls="controls">
<source src="Contents/demo.mp3" type="audio/mpeg">
</audio>
</body>
</html>

送TA礼物

IP属地:山西

1楼2018-03-10 00:11回复

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#p1
{
color: Blue;
font-weight: bold;
font-family: 黑体,华文行楷,微软雅黑;
font-size: 2em;
}
h3
{
text-align: center;
}
.p2
{
text-decoration: underline;
text-indent: 20px;
line-height: 30px;
}
.box
{
width: 300px;
height: 300px;
padding: 10px;
border: 1px solid gray;
margin: 20px 10px;
}
#block1
{
float: left;
border: 2px solid red;
width: 150px;
height: 150px;
}
#block2
{
position: absolute;
width: 150px;
height: 150px;
top: 200px;
left: 300px;
border: 2px solid red;
}
.wrapper {
width: 200px;
height: 200px;
border: 1px dotted red;
margin: 100px;
}
.wrapper1 div {
width: 200px;
height: 200px;
background: orange;
transform: rotate(30deg);
}
.wrapper2 div {
width: 300px;
height: 100px;
line-height: 100px;
text-align: center;
color: #fff;
background: orange;
transform: skew(30deg);
}
.wrapper3 div {
width: 200px;
height: 200px;
line-height: 200px;
background: orange;
text-align: center;
color: #fff;
}
.wrapper3 div:hover {
transform: scale(0.5,0.5);
}
.wrapper4 div {
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
background: orange;
color: #fff;
transform: translate(50px,100px);
}
</style>
</head>
<body>
<p id="p1">
上海市浦东软件园职业技能培训中心
</p>
<h3>
测试</h3>
<p class="p2">
上海浦东郭守敬路498号浦东软件园1号楼</p>
<div class="box">
Box1</div>
<div class="box">
Box2</div>
<div id="block1">
浮动定位
</div>
<div id="block2">
绝对定位
</div>
<hr />
<hr />
<div class="wrapper wrapper1">
<div>
<span>旋转盒子30度</span></div>
</div>
<div class="wrapper wrapper2">
<div>
<span>扭曲盒子30度</span></div>
</div>
<div class="wrapper wrapper3">
<div>
鼠标经过时盒子缩小(比例为x:0.5,y:0.5)</div>
</div>
<div class="wrapper wrapper4">
<div>
下移盒子(位移x方向50px,y方向100px)</div>
</div>
</body>
</html>

IP属地:山西

2楼2018-03-10 00:11

发现洲哥在这写代码

IP属地:山东

来自Android客户端4楼2022-04-12 14:51

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

贴吧热议榜

2回复贴，共1页

<返回枫年流月吧

发表回复

发贴请遵守贴吧协议及“七条底线”贴吧投诉

内容:

使用签名档查看全部

发表

保存至快速回贴

日	一	二	三	四	五	六

code1

登录百度账号

扫二维码下载贴吧客户端