1
---
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TTyb-css</title>
<style>
.background
{
background-image:url('面向对象编程.jpg');
background-repeat:no-repeat;
background-position:right top;
margin-right:1000px
width:2000px;
padding:10px;
margin:10px;
z-index:-1;/*-1表示图片位置在文字的后面，即真的变成了背景，但是这里是多此一举，因为上面写了background-image*/
}
#font
{
font-size:30px;
}
.table
{
width:20%;
border:1px solid black;
}
#tabel_tr
{
vertical-align:middle;
}
#table_td_th
{
border:1px solid black;
background-color:green;
color:white;
vertical-align:middle;
padding:10px
}
#boeder
{
width:250px;
padding:10px;
border:5px solid gray;
margin:10px;
}
#absolute
{
position:absolute;
left:400px;
top:500px;
}
#auto
{
margin:auto;
width:50%;
}
#inline
{
display:inline;
background-color:#dddddd;
}
</style>
</head>
<body class = "background">
<div>
<ul>
<li id = "inline"><a href="file:///D:/htmlcode/test_css.html">返回主页</a></li>
<li id = "inline"><a href="file:///D:/htmlcode/test_css.html">还是返回主页</a></li>
<li id = "inline"><a href="file:///D:/htmlcode/test_css.html">就是返回主页</a></li>
<li id = "inline"><a href="file:///D:/htmlcode/404%20not%20found.html" target="_blank">404notfound</a></li>
</ul>
</div>
<div>
<h1>Hello World!</h1>
<p>background-repeat:no-repeat背景图片不重复</p>
<p id = "font">background-position:right top 右上显示</p>
<p>margin-right:1000px 右边距,1000刚好合适</p>
</div>
<div>
<table class = "table">
<tr id = "tabel_tr">
<th id = "table_td_th">属性</th>
<th id = "table_td_th">描述</th>
</tr>
<tr>
<td id = "table_td_th">margin-bottom</td>
<td id = "table_td_th">设置元素的下外边距。</td>
</tr>
<tr>
<td id = "table_td_th">margin-left</td>
<td id = "table_td_th">设置元素的左外边距。</td>
</tr>
<tr>
<td id = "table_td_th">margin-right</td>
<td id = "table_td_th">设置元素的右外边距。</td>
</tr>
<tr>
<td id = "table_td_th">margin-top</td>
<td id = "table_td_th">设置元素的上外边距。</td>
</tr>
</table>
</div>
<div id = "boeder">
<p>整个页面可以同这个框架，应该可以做到文本在中间显示，已经加入整个页面，padding:10px为填充扩宽10px</p>
</div>
<div id = "absolute">
<p>绝对定位，位置想在哪里就在哪里</p>
</div>
<div id = "auto">
<img border="0" src = "背景动图.gif" alt="Pulpit rock">
<h2><i>位置随机调整，为屏幕宽度的50%</i></h2>
</div>
</body>
</html>
爬虫代码不知道怎么写
关注公众号让作者帮你解决！
网站已运行3122天4小时58分30秒。
|
公元 年 月 农历乙巳年 蛇年
1 --- 2 初八 3 初九 4 初十 5 十一 6 十二 7 小暑 8 十四 9 十五 10 十六 11 十七 12 十八 13 十九 14 二十 15 廿一 16 廿二 17 廿三 18 廿四 19 廿五 20 廿六 21 廿七 22 大暑 23 廿九 24 三十 25 闰六月 26 初二 27 初三 28 初四 29 初五 30 初六 31 初七 |
感谢您的支持，我会继续努力的!
打开微信扫一扫，即可进行扫码打赏哦
