怎么用html给文字加边框的?

就类似于<div>今天天气不错</div>这样的语句里。怎么让他有底色。还有个外框。

这样子:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#content {
border: solid #f00; /*设置边框样式跟颜色*/
margin: 0 auto; /*设置div居中*/
width: 200px; /*设置div宽度*/
height: 200px; /*设置div高度*/
border-width: 5px; /*设置边框宽度*/
background: #ff0; /*设置背景色*/
}
</style>
</head>
<body>
<div id="content">今天天气不错</div>
</body>
</html>

效果:

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-03-31

设定样式如下:

<style>

.font_bk{border:1px solid #ccc;}

</style>

然后给你需要的文字设置样式即可,比如

<span class="font_bk">千里江山</span>

HTML:超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

语言特点:超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

    简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

    可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

    平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

    通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

本回答被网友采纳
第2个回答  2013-08-04
把代码里面的border的属性值放大就可以了,加上底色:background-color:
第3个回答  2015-04-16
设定样式如下:
<style>
.font_bk{border:1px solid #ccc;}
</style>
然后给你需要的文字设置样式即可,比如
<span class="font_bk">百度知道</span>
第4个回答  2013-08-04
<div style="border:1px solid red;background-color:red;">今天天气不错</div>

html里怎么给内容加实心框
1、首先打开编辑器,新建一个HTML文档,并且编写基本框架,新建一个CSS文档。2、其次关联刚刚创建的HTML文档,新建一个div标签,可以看到这个div默认是没有边框的。3、最后border:1pxsolidred,这是我们设置边框的常用格式,把边框改为点状式的即可。

怎么用html给文字加边框的?
在<div> 中加style="boeder:5px(边框线大小) solid red(边框线颜色);background:blue(底色颜色)"用的时候去掉括号以及里面的内容

怎么用html给文字加边框的?
doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document<\/title><style type="text\/css">#content {border: solid #f00;\/*设置边框样式跟颜色*\/margin: 0 auto;\/*设置div居中*\/width: 200px;\/*设置div宽度*\/height: 200px;\/*设置div高度*\/border-width: 5px;\/*...

html请问如何实现文字上方加一条上边框线?最好不是用table来做
最简单的是 text-decoration: overline;但是边框线是紧贴在文字上方。建议你使用span包裹文字,设置CSS样式 border-top:solid red 1pxpadding:20px

html文本框圆角边框css样式怎么写
html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”,也可以使用“%”,单位不同效果也不同。具体代码如下:<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document<\/title> <\/head> <body> <textarea style="border-...

html中边框上有文字的效果是怎么实现的
在HTML中实现边框带有文字的效果,可以通过``和``标签配合使用。以下是一个基本示例:边框上的文字 编辑HTML的方式有很多种,根据你的需求和熟悉程度来选择:1. **基本文本编辑**:你可以使用记事本、写字板(.htm或.html扩展名)或WPS等文本编辑器,直接编写HTML代码。2. **半所见即所得编辑器**...

html中边框上有文字的效果是怎么实现的
在边框上加文字可以用以下办法实现:<!DOCTYPE HTML> <html> <body> <form> <fieldset> <legend>在边框上的字<\/legend> 可以输入内容:<input type="text" \/> 随便输入内容:<input type="text" \/> <\/fieldset> <\/form> <\/body> <\/html> ...

html 给文本加边框,居中,并且要求所有的文字都和第一行对齐,谢谢了_百 ...
DOCTYPE html><html><head><style>table, th, td {border: 1px solid black;}p.one {border-style: solid;border-width: medium;border-color: red;width: 522px;}<\/style><\/head><body><center> <h1><font color="#FF0000">Tutorial 1<\/font><\/h1><\/center><center><p class="one...

用HTML代码如何给一行字加上下划线?
你可以用<u><\/u>,如果下划线的长度不够的话,你可以加几个空格来代表字,这样就有下划线了,如果不行,那你就只能是加表格啦,然后设置表格的属性<table valign="bottom"><\/table>这个我也没做过,你自己试试看吧。

html边框线怎么设置?
1.打开编辑器,新建一个HTML文档,并且编写基本框架。2.新建一个CSS文档,并且关联刚刚创建的HTML文档。3.新建一个div标签,可以看到这个div默认是没有边框的。4.border:1pxsolidred;这是我们设置边框的常用格式。5.我们可以把边框改为点状式的。6.也可以修改为虚线形状的。

相似回答