如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
css语法入门(html的延伸)
在html里面,b>是加粗标签,g>是图片标签。
如果你想自定义一些标签,可能就需要用到css了。
工具/原料
- 电脑
- notapad
方法/步骤
如果用html代码,输入多行加粗的绿色文字,可能需要这样:
b>font size="3" color="green">第一行!/font>/b>br>
b>font size="3" color="green">第二行!/font>/b>br>
b>font size="3" color="green">第三行处缝!/font>/b>br>
还可以在head部分自定义一个标签:
head>
meta charset="utf-8">style>
x{color:green;font-size:3;font-weight:bold;}
/style>/head>
body>
x>第一行!/x>br>x>第2行!/x>br>x>第3行!/x>
/body>
或者把标签x>变成,就可以实现自动换行:
head>meta charset="utf-8"> style>
p{color:green;font-size:1;font-weight:bold;}
/style>/head>
body>第一行!/第2行!/第3行!//body>
这其实是在标签里包肺译面加入新的属性(或修改属性)。
p{color:green;font-size:1;font-weight:bold;}
p是css的选择器,也是标签;
括号里面的是属性:
color用来规定颜色;
font-size用来规定字体大小,单位是px;
font-weight加粗字体。
分类设置字体:
!DOCTYPE html>
html>head>meta charset="utf-8"> 驾佛style>
p.ex1{font:bold 60px KaiTi,sans-serif;}
p.ex2{font:italic bold 50px KaiTi,serif;}
/style>/head>
body>
p class="ex1">第一行!/
p class="ex2">第二行!/
/body>/html>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 433 HTML