您的当前位置:首页正文

html中如何设置字体

2022-01-22 来源:我们爱旅游

金钥匙家园!

金钥匙家园!说明:opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明; style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。 而width:100%则表示参与渐变的对象的宽度,通常都设置为100%。(2) 比喻代码如下:

style=\"FONT-SIZE:50pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:rrd;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷\">金钥匙家园!金钥匙家园!说明:ADD属性在运动模糊中,其值为0和1,0表示“否”,用于文字,1表示“是”,用于图像;Direction属性是模糊移动的角度,其值为0至360度;Strength属性是模糊移动的距离.(3) 比喻代码如下:
style=\"FONT-SIZE:50pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:blue;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷\">金钥匙家园!金钥匙家园!说明:color属性:设置影子文本的颜色;

offX和offY属性:影子文本下落的位移值;

Positive属性:指定透明象素阴影,布尔型,0为是,1为否。 (4) 比喻代码如下:

金钥匙家园!金钥匙家园! 说明:color属性:阴影颜色;

direction属性:阴影角度,值取0至360度。

(5) 比喻代码如下:

style=\"FONT-SIZE:50pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷\">金钥匙家园!

金钥匙家园!说明:add属性:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之; freq属性:决定显示的频率,即应出现多少个波形;

phrase属性:决定波形的形状,值取0至360之间;

strength属性:决定波形的振幅。

HTML的常识:

跑馬燈

...普通捲動

...滑動

...預設捲動

...來回捲動

...向下捲動

...向上捲動

向右捲動

向左捲動

...捲動次數

...設定寬度

...設定高度

...設定背景顏色

...設定捲動距離

...設定捲動時間

字体效果

...

标题字(最大)

...
标题字(最小)

...粗体字

...粗体字(强调)

...斜体字

...斜体字(强调)

...斜体字(表示定义)

...底线

...底线(表示插入文字)

...横线

...删除线

...删除线(表示删除)

...键盘文字

... 打字体

...固定宽度字体(在文件中空白、换行、定位功能有效)

...</plaintext>固定宽度字体(不执行标记符号)<p><listing>...</listing> 固定宽度小字体<p><font color=00ff00>...</font>字体颜色<p><font size=1>...</font>最小字体<p><font style =font-size:100 px>...</font>无限增大<p><!>区断标记<p><hr>水平线<p><hr size=9>水平线(设定大小)<p><hr width=80%>水平线(设定宽度)<p><hr color=ff0000>水平线(设定颜色)<p><br>(换行)<p><nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<p><center>...</center>置中<p><B> 粗体字<p><BASE TARGET> 指定超级链接的分割窗口<p><BASEFONT SIZE> 更改预设字形大小<p><BGSOUND SRC> 加入背景音乐<p><BIG> 显示大字体<p><BLINK> 闪烁的文字<p><BODY TEXT LINK VLINK> 设定文字颜色<p><BODY> 显示本文<p><BR> 换行<p><!>连结格式<p><base href=地址>(预设好连结路径)<p><a href=地址></a>外部连结<p><a href=地址 target=_blank></a>外部连结(另开新窗口)<p><a href=地址 target=_top></a>外部连结(全窗口连结)<p><a href=地址 target=页框名></a>外部连结(在指定页框连结)<p>简单的html代码知识<p>一段文字</p><p><br> 换行<p><u>...</u> 底线<p><strike>...</strike> 横线<p><ins>...</ins> 底线(表示插入文字)<p><dfn>...</dfn> 斜体字(表示定义)<p><em>...</em> 斜体字(强调)<p><strong>...</strong> 粗体字(强调)<p><b>加粗</b> 加粗<p><i>斜体</i> 斜体<p><u>加下划线</u> 加下划线<p><p align=\"left\">文字</p> 文字左对齐<p><p align=\"center\">文字</p> 文字居中<p><p align=\"right\">文字</p> 文字右对齐<p><font size=\"5\">文字</font> 文字大小<p><font color=\"#FF0000\">文字</font> 文字颜色(#FF0000为红色)<p><bgcolor=\"#00FF00\"> 背景颜色(#00FF00为绿色)<p><text=\"#0000FF\"> 字体颜色(#0000FF为蓝色)<p><marquee behavior=slide>...</marquee>滑动<p><marquee behavior=scroll>...</marquee>预设卷动<p><marquee behavior=alternate>...</marquee>来回滑动<p><marquee direction=down>...</marquee>向下滑动<p><marquee direction=up>...</marquee>向上滑动<p><marquee direction=right></marquee>向右滑动<p><marquee direction=left></marquee>向左滑动<p><marquee loop=2>...</marquee>滑动次数<p><marquee width=180>...</marquee>设定宽度<p><marquee height=30>...</marquee>设定高度<p><marquee bgcolor=FF0000>...</marquee>设定背景颜色<p><marquee scrollamount=2>...</marquee>设定滑动速度数值<p><marquee scrolldelay=200>...</marquee>设定滑动时间<p><marquee scrolldelay=300 scrollamount=100>插入文字</marquee>滑动停顿<p>表格语法:<p><table aling=left>...</table>表格位置,置左<p><table aling=center>...</table>表格位置,置中<p><table \"> <table border=边框大小>...</table>设定表格边框大小(使用数字)<p><table bgcolor=颜色码>...</table>设定表格的背景颜色<p><table borderclor=颜色码>...</table>设定表格边框的颜色<p><table borderclordark=颜色码>...</table>设定表格暗边框的颜色<p><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<p><table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字) <table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字) <table cols=参数>...</table>指定表格的栏数<p><table frame=参数>...</table>设定表格外框线的显示方式 <table width=宽度>...</table>指定表格的宽度大小(使用数字) <table height=高度>...</table>指定表格的高度大小(使用数字) <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)<p> <div class="preview-ft"> <div class="preview-title"> <p style="color: red;"><strong>因篇幅问题不能全部显示,请点此查看更多更全内容</strong></p> <div class="model-fold-cover-bd"><a href="https://m.tang5.com/mlugak/nreueiuxoxs/" target="_blank"><span>查看全文</span><i class="iconfont icon-chakangengduo"></i></a></div> </div> </div> </div> <div class="zsqc_prev"> </div> </div> <script type="text/javascript" src="https://jss.myak.cn/mobile/detail_foot.js"></script> <script type="text/javascript" src="https://jss.myak.cn/mobile/share_cebian_gg1.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/share_cebian_xgyd.js"></script> <script type="text/javascript" src="https://jss.myak.cn/mobile/share_cebian_gg2.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/share_cebian_rmtj.js"></script> <footer class="footer"> Copyright © 2019-<span class="currentYear"></span> 版权所有<br> </footer> <script> var swiper = new Swiper('.i_banner .swiper-container', { pagination: '.i_banner .swiper-pagination', paginationClickable: true, spaceBetween: 30, centeredSlides: true, autoplay: 2500, autoplayDisableOnInteraction: false, loop: true, }); </script> <!--弹窗开始--> <script type="text/javascript"> $(function () { //弹窗2 $('.menu_icon').click(function () { $('.tbox').show(); }) //关闭 $('.close').click(function () { $('.tbox').hide(); }) }) </script> <!--弹窗结束--> <script type="text/javascript" src="https://jss.myak.cn/mobile/foot_foot.js"></script> <script type="text/javascript"> const currentYear = new Date().getFullYear(); $('.currentYear').html(currentYear) </script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot.js"></script> </body> </html>