美文网首页
2019-04-05第十课美化网页作业1

2019-04-05第十课美化网页作业1

作者: 大长腿快快跑 | 来源:发表于2019-04-05 19:59 被阅读0次

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">

.title{ 
font-size:16px;
text-indent:1em;
line-height:30px;
background:#518700;
width:300px;
color:#fff;
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/bang.gif);
background-repeat:no-repeat;
background-position:100px 2px;
}
.title1{
    background:#f3f4df;
    font-size:12px;
    line-height:28px;
    color:#1a66b3;
    width: 260px;
    }
a{text-decoration: none}
a:hover{text-decoration: underline;}
#z{
    list-style-image:url(图片素材/book_no01.gif);
    list-style-type:circle;
}
#y{list-style-image: url("图片素材/book_no02.gif");
    list-style-type: circle}
#x{list-style-image: url("图片素材/book_no03.gif");
  list-style-type: circle}
#w{list-style-image: url("图片素材/book_no04.gif");
list-style-type:circle }
#v{list-style-image: url("图片素材/book_no05.gif");
list-style-type: circle}
#u{list-style-image: url("图片素材/book_no06.gif");
list-style-type: circle}
#t{list-style-image: url("图片素材/book_no07.gif");
list-style-type: circle}
#s{list-style-image: url("图片素材/book_no09.gif");
list-style-type: circle}
#r{list-style-type: circle;
list-style-image: url("图片素材/book_no08.gif");}
#q{list-style-image: url("图片素材/book_no10.gif");
list-style-type: circle}

</style>
</head>

<body>
<div class="title">畅销书排行</div>
<div>
<ul>
<p class="title1">
<li id="z"><a href="#">不抱怨的世界(畅... </a></li>
<li id="y"><a href="#">遇见未知的自己...</a></li>
<li id="x"><a href="#">活法(季羡林、...</a></li>
<li id="w"><a href="#">高效能人士的七个习惯</a></li>
<li id="v"><a href="#">被迫强大(北外女生香奈儿...</a></li>
<li id="u"><a href="#">遇见心想事成的自己(《遇...</a></li>
<li id="t"><a href="#">世界上最伟大的推销员(插...</a></li>
<li id="s"><a href="#">我的成功可以复制(唐骏亲...</a></li>
<li id="r"><a href="#">少有人走的路:心智成熟的...</a></li>
<li id="q"><a href="#">活出全新的自己——唤醒...</a></li>
</p>
</ul>
</div>

</body>
</html>


6[9]$@9U5%A(`(IPWJ9{EY0.png

相关文章

  • 2019-04-05第十课美化网页作业1

    无标题文档 畅销书排行 不抱怨的世界(畅... 遇见未知的自己... 活法(季羡林、......

  • HTML+CSS的相关知识

    网页则组成:(1)HTML(具体内容和结构)(2)CSS(美化网页样式)(3)JavaScript【掌握】(网页交...

  • HTML学习之路-第六天

    1.CSS (1)作用:美化网页,修改样式 (2)格式: 标签名称{ ...

  • js美化网页

    再议js对象 对象的分类: 1.内建对象 - 内建对象指由ES标准定义的对象,任何对ES标准的实现都可以使用这些对...

  • CSS美化网页

    一、字体样式 font-family:设置字体类型,可以同时声明多种字体,字体之间用英文逗号分隔开; font-s...

  • 2019-04-04第九次课CSS美化网页元素

    CSS美化网页元素 [图片上传失败...(image-d90d17-1554343106280)] 学习目标 (1...

  • 前端基础 02、CSS3 入门

    一、什么是 CSS 1. CSS Cascading Style Sheet 层叠样式表。 CSS:表现(美化网页...

  • 2018-09-01 - 草稿

    1.CSS概念 CSS是美化网页的一种样式设计语言,用于网页中样式的定义,称为层叠样式表,在网页制作时采用CSS技...

  • HTML知识了解

    web时代 网页的组成:HTML:网页的内容和结构CSS:网页的样式(美化网页最重要的一块)JavaScript:...

  • JavaScript基础01-JavaScript的组成

    JavaScript和HTML、CSS的区别 HTML:提供网页的结构,提供网页中的内容 CSS: 用来美化网页 ...

网友评论

      本文标题:2019-04-05第十课美化网页作业1

      本文链接:https://www.haomeiwen.com/subject/ltpkiqtx.html