美文网首页
第二次作业代码

第二次作业代码

作者: 一只大粑粑 | 来源:发表于2017-01-18 23:13 被阅读0次

新闻

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>好久不见</title>
<style>
#box{
    width:555px;
    border:#000000 solid 3px;padding:0px 22px;}/*整体框架*/
    #head{
        font-family:Verdana, Geneva, sans-serif;
        font-size:24px;padding:10px 0px;
        font-weight:bold;}/*头部标题的样式*/
        #title{
            font-size:21px;
            font-family:Verdana, Geneva, sans-serif;
            padding:10px 0px;/*这里的0px是因为box里声明了么?*/
            font-weight:bold;}
            #content{
                padding:17px 22px 28px 0px;
                font-size:14px;
                font-family:Arial, Helvetica, sans-serif;
                line-height:26px;
                text-indent:2em;
                border-bottom:1px dashed #000000;}
                #lianjieyi{
                    font-size:17px;font-family:Verdana, Geneva, sans-serif;
                    background:url(jiantou.png) no-repeat left center;
                    font-weight:bold;
                    padding-left:10px;
                    line-height:37px;}/*第一个文字链接的样式*/
                #lianjieer{
                    font-size:17px;
                    font-family:Verdana, Geneva, sans-serif;
                    background:url(jiantou.png) no-repeat left center;
                    font-weight:bold;
                    padding-left:10px;
                    line-height:37px;}/*第二个文字链接的样式*/
                #lianjiesan{
                    font-size:17px;
                    font-family:Verdana, Geneva, sans-serif;
                    background:url(jiantou.png) no-repeat left center;
                    font-weight:bold;
                    padding-left:10px;
                    line-height:37px;}/*第三个文字链接的样式*/
                #lianjiesi{
                    font-size:17px;
                    font-family:Verdana, Geneva, sans-serif;
                    background:url(jiantou.png) no-repeat left center;
                    font-weight:bold;
                    padding-left:10px;
                    line-height:37px;}/*第四个文字链接的样式*/
                    #yi_a{
                        color:#000;
                        text-decoration:none;}
                    #er_a{
                        color:#000;
                        text-decoration:none;}
                    #san_a{
                        color:#000;
                        text-decoration:none;}
                    #si_a{
                        color:#000;
                        text-decoration:none;}/*以上四个都是改变a标签的默认样式*/
</style>

</head>

<body>
<div id="box">
    <div id="head">动态新闻</div>
    <div id="title">掌握一门技术的重要性</div>
    <div id="content">掌握一门技术是未来生存的一块敲门砖,掌握一门技术是未来生存的一块敲门砖,掌握一门技术是未来生存的一块敲门砖。</div>
    <dl>
   <dt> <div id="lianjieyi"><a href="#" id="yi_a">走进名企观摩学习与名企面对面</a></dt>
    <dt><div id="lianjieer"><a href="#" id="er_a">走进名企观摩学习与名企面对面</a></dt>
    <dt><div id="lianjiesan"><a href="#" id="san_a">走进名企观摩学习与名企面对面</a></dt>
    <dt><div id="lianjiesi"><a href="#" id="si_a">走进名企观摩学习与名企面对面</a></dt></dl><!--自定义的标题-->
 </div>
</body>
</html>

border属性完成的页面代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#box{
    width:200px;height:3px;
      background:url(head.png) repeat-x;}
        #body{
            width:0px;height:0px;
            border:100px #ff0000 solid;
            border-bottom-color:#ffffff;}
    
</style>
</head>

<body>
<div id="box"></div>
    <div id="body"></div>
    
</body>
</html>

百度云盘

相关文章

网友评论

      本文标题:第二次作业代码

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