首页 > 其他分享 >HTML——day12

HTML——day12

时间:2023-03-11 13:56:34浏览次数:47  
标签:40px color text height rgb HTML day12

简洁版小米侧边篮:

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style>                 a {                       width:230px;             height: 40px;             background-color: rgb(62, 63, 66);             text-decoration: none;/*下划线以及原来的效果无*/             font-size: 14px;/*字体大小*/             color: honeydew;/*文字颜色*/             text-indent: 2em;/*缩进*/             /*想让我们的文字垂直居中,让我们的行高等于height*/             line-height: 40px;             /*很早之前我们讲到过行高是等于我们的文字本身的距离再加上上距离下距离,所以我们设置了行高就可以实现*/            display: block;         }         a:hover {             background-color: rgb(255, 96, 22) ;                      }     </style> </head> <body>
        <a href="#">手机 电话卡</a>         <a href="#">电视 盒子</a>         <a href="#">笔记本 平板</a>         <a href="#">出行 穿戴</a>         <a href="#">智能 路由器</a>         <a href="#">健康 儿童</a>         <a href="#">耳机 音响</a>    </body> </html>

 

 

 -----------这是我们做出的效果,其中的注意事项在代码中已经进行标注和注释大家在敲得时候要注意一下。

 

标签:40px,color,text,height,rgb,HTML,day12
From: https://www.cnblogs.com/222wan/p/17205788.html

相关文章

  • HTML——day11
    css的元素的显示模式元素的显示模式:指的是将标签分成不同的种类,我们可以更好的选择使网页得到更好的布局分为块元素(div一行只要一个)和行内元素(span一行中好几个)块元素:h......
  • HTML基本标签及特殊符号
    1、基础标签-hn系列标签:h1h2h3h4h5h6(标题)-p标签(段落)-br标签(换行)-hr标签(分界线)2、文本标签-strong/b标签(文本加粗)-em/i标签(文......
  • HTML——day10
    css:伪类选择器:给我们的链接添加一个特殊效果,分为链接伪类,结构伪类,等等用我们的:表示添加在名称前面例如:hover  :first-child链接伪类:<head>    <meta chars......
  • HTML标准结构
    <!DOCTYPEhtml><htmllang="zh-CN">  <head>    <metacharset="UTF-8">    <title>我是一个标题</title>  </head>  <body>   ......
  • HTML表格
    ​表格: <table><tr><th>表格1</th></tr><tr><td>表格2</td></tr></table> 快捷键:table>tr*数量>td*数量 属性......
  • 前端面试题(html+css)
    HTML1、h5新增标签header、footer、 nav、article、aside、audio、video……等2、html语义化HTML语义化就是指在使用HTML标签构建页面时,要求尽可能的使用具有语义的......
  • 解决vue中v-html元素中标签样式失效问题
    最近在项目中遇到移动端和pc端样式冲突的问题。加上scoped会导致v-html下绑定的标签样式不生效、第三方引用的类库对其修改也不生效,特此总结一下几点,用来解决: Vue为v-......
  • Element UI:能在一个html中使用它提供的组件吗?
    一、寻找组件找到需要使用的组件,比如一个表单  二、创建html文件导入element样式库、脚本库和它依赖的vue2库。<!DOCTYPEhtml><html><head>......
  • LeetCode|1410. HTML 实体解析器
    题目链接:1410.HTML实体解析器「HTML实体解析器」是一种特殊的解析器,它将HTML代码作为输入,并用字符本身替换掉所有这些特殊的字符实体。HTML里这些特殊字符和它......
  • Html转换为PDF
    通过nuget添加  text7.pdfhtml///<summary>///pdf下载///</summary>///<returns></returns>[ValidateInput(false)]......