捉鱼:http://club.joyes.com/board/board-5030.html
忧郁的蓝色手机专业论坛:http://bbs.blueshow.net/thread.php?fid=51
72家网:www.72jia.com
3g365智能手机中文网:http://www.3g365.com/forum-15-1.html
塞班智能手机论坛:http://bbs.dospy.com/forum-141-1.html
手机论坛_手机之家:http://bbs.imobile.com.cn/market/market_forumdisplay.php?fid=55525
阿丫丫:http://www.aryaya.com/forumdisplay.php?fid=93
智能手机WDA论坛:http://www.wda.com.cn/forum-172-1.html
灵机网智能手机论坛:http://bbs.cnsmartphone.com/forum-23-1.html
中国二手论坛_同城交易社区:http://www.erbbs.com/index.php
塞班智能手机网
http://bbs.dospy.com/viewthread.php?tid=1757674
呵呵,您好。从您提出的问题就可以看出,您对网页设涉入还不太深,也不了解CSS的相关知识,
所以我以下回答的是不用CSS的方法。
对于“推荐答案”告诉您的是CSS的方法,虽然答案对,但是没有考虑到您的知识面。
(
就好象有人问:每个苹果要5毛钱,那么两个苹果的价格用“加法”怎么算。
而有人回答说:2*5=10虽然10的答案是对的。但是如果不明白乘法。那么,提问者仍然没有得到“加法怎么算”的答案。
)
我觉得我的回答更贴近您想要的答案(完全是HTML基础代码),而且不只是告诉您答案,还一步步引导您理解这些代码。
首先呢,我希望你能对HTML有一定的基础。下面的内容你才能理解
对于你的提问,从字面上理解,我理解为二个提问:
1、<input name="home" type="button">
这是HTML中定义一个名字叫home的按钮的基本代码。注意:此时按钮上面还没有文字,也没有背景图片。
2、<input name="home" type="button" value="首页" >
对1中的代码进行修改添加了 “ value="首页" ” 这样就为按钮添加了“首页”两个字了
3、<input name="home" type="button" value="首页" style="font-size:18px" />
断续对2的代码进行修改 style="font-size:18px" 是对按钮中的文字大小进行设置。
你再试一试 style="font-size:20px" 会发现字体变的更大一些了,所以值越大,字体大小越大。 同时注意按钮的大小也会随着字体的大小而自动变大变小。
4、<input name="home" type="button" value="首页" style="font-size:18pxfont-family:宋体" />
断续对3的代码进行修改 在刚才的 style="font-size:18px" 中加入 font-family:宋体
注意“font-size:18px”与“font-family:宋体”中间用分号隔开。 加入的代码的意思是设置字体为宋体
那设置为黑体呢?当然是用 font-family:黑体 罗。
好了。你的第一问题“怎样用HTML前台代码向按钮中插入背景图片,怎样设置按钮里的字体?
”我问答完了。
5、<input name="home" type="button" value="首页" style="font-size:18pxfont-family:宋体width:80pxheight:80px" />
对4的代码进行修改添加“width:80pxheight:80px”是设置按钮的大小。
width:80px 是设置按钮的宽度
height:80px是设置按钮的高度
注意“font-size:18px”与“font-family:宋体”与“width:80px”与“height:80px”这四句话之间都有分号
6、<input name="home" type="button" value="首页" style="font-size:18pxfont-family:宋体width:80pxheight:80px"background:url(http://i0.sinaimg.cn/IT/deco/2010/0916/mobile_index/images/sj_wzc01.jpg)"
对5的代码进行修改添加“background:url(http://i0.sinaimg.cn/IT/deco/2010/0916/mobile_index/images/sj_wzc01.jpg)”,即为按钮添加背景图片。在这里背景图片的地址是引用了“http://i0.sinaimg.cn/IT/deco/2010/0916/mobile_index/images/sj_wzc01.jpg”这个导航条的背景(这是你提问中http://tech.sina.com.cn/mobile/网址中导航条的背景地址)。很显然,背景条的大小远大于按钮的大小。所以做为此按钮的背景不太适合。
好了,你的第二个问题也回答完了。
对于你的问题补充,我附上你说想要的其导航条代码。
<div class="P1">
<span class="list"><a target="_self" href="http://digi.sina.com.cn/">数码首页</a></span>
<span class="list" style="width:90px"><a target="_blank" href="http://club.tech.sina.com.cn/">数码社区</a></span>
<span class="selectd" style="width:72px"><a target="_self" href="http://tech.sina.com.cn/mobile/">手机</a></span>
<span class="list" style="width:107px"><a target="_self" href="http://tech.sina.com.cn/digi/">数码相机</a></span>
<span class="list" style="width:74px"><a target="_self" href="http://tech.sina.com.cn/hardware/">硬件</a></span>
<span class="list" style="width:88px"><a target="_self" href="http://tech.sina.com.cn/notebook">笔记本</a></span>
<span class="list" style="width:85px"><a target="_self" href="http://tech.sina.com.cn/pc/">台式机</a></span>
<span class="list" style="width:100px"><a target="_self" href="http://tech.sina.com.cn/digi/mp3/">MP3</a>/<a target="_self" href="http://tech.sina.com.cn/digi/mp4/">MP4</a></span>
<span class="list" style="width:72px"><a target="_self" href="http://tech.sina.com.cn/elec/">家电</a></span>
<span class="list" style="width:72px"><a target="_self" href="http://tech.sina.com.cn/down/">下载</a></span>
<span class="list" style="width:92px"><a target="_self" href="http://tech.sina.com.cn/price/">产品报价</a></span>
</div>
经过分析知道其上对字体的设置是来源于页面中的“P1”样式。P1样式代码如下:
.TechNav .P1{height:31pxfloat:left}
.TechNav .P1 .list{float:leftwidth:92pxpadding-top:7pxtext-align:centerfont-size:14pxcolor:#ffffilter:Dropshadow(offx=-1,offy=-1,color=#0e5499) text-shadow:#0e5499 -1px -1px 0}
.TechNav .P1 .list a:link,.TechNav .P1 .list a:visited{color:#ffftext-decoration:nonefont-family:"微软雅黑","宋体"}
.TechNav .P1 .list a:hover{color:#ffftext-decoration:underline}
.TechNav .P1 .selectd{width:78pxtext-align:centercolor:#fffpadding:10px 0 5px 0line-height:16pxfont-size:18pxfloat:leftfilter:Dropshadow(offx=-1,offy=-1,color=#0e5499) text-shadow:#0e5499 -1px -1px 0}
.TechNav .P1 .selectd a:link,.TechNav .P1 .selectd a:visited{color:#fff4c9text-decoration:nonefont-family:"微软雅黑","宋体"}
.TechNav .P1 .selectd a:hover{color:#fff4c9text-decoration:none}
.TechNav .P1 .line{width:2pxheight:31pxbackground:url(http://i2.sinaimg.cn/IT/mobliesy/images/modi_mj_006.gif) no-repeat 0 0overflow:hiddenfloat:left}
而其中包含了几种字体,分别在文字链接的不同状态下显示不同的字体设置。
请您自行研究。如有不明白请再补充问题。
当然了对于字体的设置还有一些其它内容,比如设置为粗体等,我不一一说明。而对于背景图片中的地址除了可以引用来由于网络上的网址外,还可以引用自己网页上的图片,但是这其中你应当明白“相对路径”和“绝对路径”的概念。
另外,现在大多数比较好的网站,特别是门户网站都是用的动态的网页技术来的。都用到了框架、CSS等美化方法。要想理解和研究它们的设计,这些知识是应当知道的。
如有不明白请多百度或者谷歌一下“HTML设置字体”及“HTML背景图片”的相关内容,或者留言与我,我再告知
以小米html查看器为例,要关闭该项功能可直接在系统设置的所有应用里面进行关闭即可。
小米(MI,全称:北京小米科技有限责任公司)是一家专注于智能硬件和电子产品研发的移动互联网公司,也是一家专注于高端智能手机、互联网电视以及智能家居生态链建设的创新型科技企业,由雷军于2010年4月在北京创立。2018年7月9日,小米在香港上市。2010年底推出手机实名社区米聊,在推出半年内注册用户突破300万。此外,小米公司还推出安卓手机 *** 作系统MIUI,当年6月底MIUI社区活跃用户达30万。2011年8月16日,小米公司通过媒体沟通会正式发布小米手机、米聊,MIUI是小米科技的三大核心产品。2015年小米的互联网服务营收同比增长150%,达到约5.64亿美元,但仍低于该公司此前制定的10亿美元的目标。其中,手游业务营收为26亿元人民币,高于上年同期的12.1亿元人民币。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)