超链接样式&图片样式

超链接样式&图片样式超链接样式&图片样式超链接样式1、去除超链接下划线text-decoration:none2、定义超链接伪类a:link{CSS样式}a:visited{CSS样式}a:hover{CSS样式}a:actived{CSS样式}属性说明a:link定义a元素未访问时的样式a:visited定义a元素访问后的样式a:hover定义鼠标经过显示的样式a:active定义鼠标单击激活时的样式定义这四个伪类,必须按照“link、vi

大家好,又见面了,我是你们的朋友全栈君。

超链接样式&图片样式

超链接样式

1、去除超链接下划线

text-decoration:none

2、定义超链接伪类

a:link{CSS样式}
a:visited{CSS样式}
a:hover{CSS样式}
a:actived{CSS样式}
属性 说明
a:link 定义a元素未访问时的样式
a:visited 定义a元素访问后的样式
a:hover 定义鼠标经过显示的样式
a:active 定义鼠标单击激活时的样式

定义这四个伪类,必须按照“link、visited、hover、active”的顺序进行

一般情况下,只用到2种状态:未访问状态和鼠标经过状态。未访问状态,直接在a标签定义就行了,没必要使用“a:link”。

3、hover伪类

元素:hover{}, “元素”可以是任意的块元素和行内元素。

4、CSS鼠标样式

cursor:属性值

一般只用到default和pointer两个属性值。

图片样式

1、图片大小

width:像素值;height:像素值

2、图片边框

属性:border-width;border-style;border-color

简洁写法:border: 1px solid gray

3、图片水平对齐

text-align:left,center,right

4、图片垂直对齐

vertical-align:top/middle/baseline/bottom

5、文字环绕效果-初始float

float属性值 说明
left 元素向左浮动
right 元素向右浮动

设置图片与文字的间距:给img添加margin属性

img{margin-top:20px;margin-left:20px;float:left;}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/161753.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • matlab geotiff,(Not recommended) Read GeoTIFF file[通俗易懂]

    matlab geotiff,(Not recommended) Read GeoTIFF file[通俗易懂]geotiffread(Notrecommended)ReadGeoTIFFfilegeotiffreadisnotrecommended,exceptwhenreadingaGeoTIFFfilefromaURLorwhenreadingmultipleimagesfromthesamefile.Inothersituations,user…

    2022年9月27日
  • 集合的定义_集合的概念知识点

    集合的定义_集合的概念知识点确定性给定一个集合,任给一个元素,该元素或者属于或者不属于该集合,二者必居其一,不允许有模棱两可的情况出现。互异性一个集合中,任何两个元素都认为是不相同的,即每个元素只能出现一次。有时需要对同一元素出

    2022年8月4日
  • virtualbox vboxmanage命令[通俗易懂]

    virtualbox vboxmanage命令[通俗易懂]查看当前虚拟机VBxoManagelistvms查看当前正在运行的虚拟机VBoxManagelistrunningvms启动虚拟机VBoxManagestartvm虚拟机名无前端图形界面方式启动虚拟机VBoxManagestartvm虚拟机名–typeheadless使用VRDP方式通过命令行启动虚拟机:(33…

    2022年5月2日
  • ffmpeg从入门到精通 下载_从入门到精通nginx——Nginx的下载和环境安装

    ffmpeg从入门到精通 下载_从入门到精通nginx——Nginx的下载和环境安装Nginx的下载  nginx的官网:http://nginx.org/  百度云盘地址https://pan.baidu.com/s/1kjQST_x1Sf_thg3XDmqx6w密码:18sc将nginx上传至linux环境搭建安装C语言环境  因为nginx是C语言写的,而且是源码安装,安装前需安装C语言环境。安装依赖库  基本的Nginx功能依赖于一些基本的库,在安装Nginx之前需要提…

    2022年6月26日
  • navicat 15 fro Mysql激活码(注册激活)

    (navicat 15 fro Mysql激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlHQ…

    2022年3月28日
  • java logbook_SpringBoot使用Logbook记录HTTP请求响应日志

    java logbook_SpringBoot使用Logbook记录HTTP请求响应日志SpringBoot的httptrace端口能够记录每次访问的请求和响应信息,但是不能记录body,这样在出问题时就不方便排查,而且httptrace不方便在原有的基础上进行扩展,所以只能寻求其他方式进行记录。Logbook是一个可扩展的Java库,可以为不同的客户端和服务端技术提供完整的请求和响应日志记录。它能够满足一些特殊的需求:允许web应用记录程序接收或发送的所有HTTP通信易于保留和进…

    2022年10月23日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号