javascript外链式css参考04

简介: javascript外链式css参考04
html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
<style type="text/css">
    .a1{
        text-align: center;
    }
</style>
    </head>
    <body>
        <div class="a1"><img src="img/bd_logo1.png"></div>
        <p class="123" align="center"><a href="">新闻</a> 网页
        <a href="#">贴吧</a>
        <a href="#">知道</a>
        <a href="#">音乐</a>
        <a href="#">图片</a>
        <a href="#">视频</a>
        <a href="#">地图</a><br>
        <input type="text" size="60" name="">
        <input type="button" name="baidu" value="百度一下">
        </p>
        <p align="center">问题反馈请<a href="#">发送邮件</a></p>
    </body>
</html>
css
body{font-size: 12px; font-family: "宋体"; color: #222;}
body,h2,ul,li{padding:0;margin:0;list-style: none;}
.all{
    width: 300px;
    height: 200px;
    margin: 20px auto;
}
.head{
    font-size: 12px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    border-bottom: 5px solid #cc5200;
    background: #f60 url(../img/title_bg.png)no-repeat 11px 7px;
    padding-left: 34px;
}
.content{
    padding: 25px 0 0 15px;
    background: #fff5ee;
}
.content li{
    height: 26px;
    background: url(../img/li_bg.png)no-repeat left top;
    padding-left: 22px;
}
.content li a:link,.content li a:visited{
    color: #666;
    text-decoration: none;
}
.content li a:hover{
    color: #F60;
}
相关文章
|
1月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
45 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
2月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
151 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
64 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2月前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
101 33
|
3月前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
124 24
|
3月前
纸屑飘落生日蛋糕场景js+css3动画特效
纸屑飘落生日蛋糕CSS3动画特效是一款js+css3制作的全屏纸屑飘落,生日蛋糕点亮庆祝动画特效。
64 3
|
4月前
|
前端开发
Foundation CSS 参考手册3
此段内容介绍了几个常用的CSS类及其功能:.left 和 .right 分别使元素向左或向右浮动;.clearfix 用于清除浮动,需添加于浮动元素的父元素上;.hide 通过设置 CSS display 属性为 none 来隐藏元素;.list-inline 可将列表项水平排列;.lead 使文本更加突出;.subheader 用于设置浅色的标题元素。
|
4月前
|
前端开发
Foundation CSS 参考手册2
本文介绍了如何使用CSS类实现文本对齐,包括基本的左、右、居中和两端对齐,以及针对不同屏幕尺寸的特定对齐方式,如小屏、中屏、大屏等,每个类别都有相应的示例供测试。
|
Web App开发 前端开发 JavaScript

热门文章

最新文章