首页 > > 网页制作 > css >

html.div

2018-11-06 06:50:42来源：博客园 阅读 ()

新老客户大回馈,云服务器低至5折

使用div构造简单的信息图片

html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>zhwTest</title>
<link rel="stylesheet" href="../css/zhwCommon.css">
</head>
<body>
    <div id="mainbody">
        <div class="border-radius" id="divbox" onclick="getInfo(id)">
            <span> <image width=60px heigth=60px src="../image/男.png"></span><br/>
            <span>
                <a>张三</a>     
                <a>&nbsp;|&nbsp;</a>    
                <a style="color:red;">30岁</a>
            </span><br/>
            <hr style=”border:1 dashed s#987cb9“ width=”100%“ color=#987cb9 SIZE=1/>
            <span>
                <a>node</a>
            </span><br/>
        </div>
    </div>
</body>
</html>

css:

.border-radius
{
    border:5px solid blue;
    padding:5px;
    background:white;
    width:150px;
    height:140px;
    border-radius:0px;
    float:left;
    font-size: 18px;
}
#mainbody
{
    border:none;
    padding:0px;
    background:#edeef0;
    border-radius:5px;
    height:100%;
    text-align: center;
}

页面显示样式：

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇： CSS 的介绍

下一篇： HTML之表格

相关文章
  • DIV居中的经典方法 2020-06-13
  • CSS中的float和margin的混合使用 2020-06-11
  • 两个div并排，右边div固定宽度，左边宽度自适应 2020-06-03
  • 两个div并排，左边div固定宽度，右边宽度自适应 2020-06-03
  • 使用 Apache SSI(Server Side Includes) 制作多语言版静态网 2020-06-01

IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设

网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源

网站联盟： 联盟新闻 联盟介绍 联盟点评 网赚技巧

行业资讯： 搜索引擎 网络游戏 电子商务 广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护

软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识： 网络协议 网络安全 网络管理 组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条
最新资讯
  • Photoshop绘制立体风格的微笑表情
  • PS文字特效教程：制作公路上个性的涂鸦
  • Photoshop设计卷边效果的变形金刚电影
  • PS色彩修复教程：利用色阶工具快速给红
  • PS半透明物体抠图：利用通道选区工具抠
  • PS海报设计技巧教程：学习制作个性的扭
  • PS图片特效制作教程：学习给铁塔图片制
  • 学习用photoshop把浑浊的海水照片后期
  • PS古风照片教程：给古风美女打造出女侠
  • PS个性人物海报制作：设计创意时尚的玻
热门关注
  • 揭秘黑客步骤:怎么盗取别人的微信密码?
  • 揭秘黑客教程:盗取微信号密码最简单方
  • 揭秘黑客步骤:怎么盗取别人的微信密码?
  • 揭秘黑客步骤:怎么盗取别人的微信密码?
  • 福利来了，各种技术视频资源
  • layui 弹出框改变按钮颜色样式 自定
  • VS Code如何更换主题皮肤？
  • 【从零开始搭建自己的.NET Core Api框
  • JS代码大全 （都是网上看到 自己整理的
  • SqlBulkCopy使用介绍以及注意事项
热门标签

聚圣源鼠年男生宝宝起名vmwareworkstation破解版男取名大全楚辞女起名诗经给纯手工阿胶糕起名免费起名app培训机构起名字weather.com.cn启重北京法拉利车祸国语动漫南航官网机票查询电力设备公司起名大全起名网站免费取名我家有喜路安迪化工书店适合传媒企业起名的瓷砖团购城镇燃气管理条例张氏宝宝男孩起名大全适合传媒有限公司起名的学校起名字姐姐的朋友培训机构起名瓷都起名字在线蔡甸地图美国加州72小时遭上万次雷击韩姓起名韩姓宝宝起名字余字怎么起名字田姓女孩起名羊年红柳树淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人？周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高？胖东来员工每周单休无小长假“开封王婆”爆火：促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化