编写html文档怎样让特定文字变红色
经常会写一些html文档,来设计图文并茂的超文本。必要时还有视频可以插入,可谓音、形俱全。为了多一些修饰和美化,会有一些特殊的要求。需要用到相关的知识去处理,这样文档达到想要的效果。如:有些文字要求居中显示,有些要求某个字体颜色变化,有些又要求普通自适应即可。不同的要求会通过相关知识点运用来解决。
操作方法
- 01
先导入编辑器,一般是记事本写html文档。我们写好基本结构之后,加入css样式。在<body>里加入文字,比如来一首唐诗:“千山鸟飞绝,万径人踪灭。孤舟蓑笠翁,独钓寒江雪。”保存为html文档,然后用浏览器打开。效果图如下:
- 02
可以看到,默认都是黑体字。如果我们让这个内容块有200像素宽,500像素高,背景色是黄色。可在<head>标记加入css代码:<style>#foot{ width:200px;height:500px;background:yellow;}</style>效果图如下:
- 03
如果有更特殊要求,比如要让"江雪“二字变为红色,其他文字字体不变化。要用到<span>标记。代码如下:在文字”江雪“前加入代码<span style="color:red">,注意要结束标记,在文字”江雪“后加入结束标记</span>.此时,可以看到"江雪"二字变成红色字了。效果图:
赞 (0)