自己设计一个美观的网页版介绍界面(HBuilder) |
您所在的位置:网站首页 › 杨振宁是华人还是中国人 › 自己设计一个美观的网页版介绍界面(HBuilder) |
根据前三周的学习做了自我介绍和团队介绍的界面,其中的格式和颜色都可以通过代码调整(原谅我的直女审美和瘠薄的知识) 这是第一个界面,点击文字链接即可进入不同的介绍界面(没啥图片好加,一起欣赏下皮卡丘的可爱吧)附上代码: a:link {color:#55ffff;} /* 未访问链接*/ a:visited {color:#000000;} /* 已访问链接 */ a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */ .a{text-align:center;font-size:50pt;} img.normal{display: block;width: 50%; margin: 0 auto;height:auto;} img.big{display: block;width: 100%; margin: 0 auto;height:100px;} text-align:center; font-size:15pt;} 自我介绍 姓名:田饶 性别:女 学校: 专业: 爱好:小说、动漫二次元 上面是我的博客主页,通过之后的学习每周会一点一点完善的,欢迎进来看看,喜欢的话留下一个赞赞再走吧 我的博客主页 返回主页附上结果: 2. 点击第二个链接就能看到我们的团队啦,成员确定,有了一点点想法,还没完善,将就看看吧: a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */ h1{color:orange;text-align:center;} .p{text-align:center;font-size:17pt;} #p{text-align:center;font-size:17pt;} .center{text-align:center;} 团队名(未定) 团队成员: 田饶 张 胡 项目名称(未定) 详情请看项目介绍 返回主页例常打码: 3.详细介绍是从创新、创意、创业点三个方面来的,只有大概的框架,实在没经验想不出太多了。 a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */ h1{color:black;text-align:center;} .center{text-align:center;font-size:17pt;} 项目介绍 创新 创意 创业 现如今 知识。 1.主要 返回主页具体就不发出来啦,其中的代码 是因为具体内容太长容易窜位我也不知道咋改就加上的,肯定还有其他没这么冗余的办法,我学艺不精只能这样啦: 以上几个几乎涵盖了所有学到的知识点,除了类似“浮动”这样的功能我不知道怎样设计就没加进去,还有外部样式表因为不太熟练也因为显示不明确就没用,颜色也是我随便选的,可以任意改动。新的一周学到了新的知识,暂时还没好好运用起来,会持续更新的! 如果喜欢的话留下脚印吧mua |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |