新课:PHP零基础(CMS开发)教学!
立即报名web前端基础(学习html和css我们可以做什么)
11分钟45秒html基础
HTML中的常用标签及属性(文档头部 head)
HTML中的常用标签及属性(文本 字体格式化)
HTML中的常用标签及属性(超链接)
HTML中的常用标签及属性(列表)
HTML中的常用标签及属性(form表单)
HTML中的常用标签及属性(表格)
css基础
CSS中的盒模型
CSS中的边框样式
CSS中的背景控制
块级元素和行内元素相互转换
CSS中的定位
CSS中的浮动
常用导航布局案例
简单CSS3下拉菜单效果实现
拾柒5年前
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML中的常用标签及属性(超链接)</title> <link rel="shortcut icon" href="images/icon.jpg"> <style type="text/css"> a{text-decoration: none; color: black;} a:hover{text-decoration: underline; color: red;} div{height: 1000px; width: 400px; background: pink;} </style> </head> <body> <a href="#">超链接</a><br> <a href="https://www.baidu.com">百度</a><br> <a href="http://www.php.cn">php中文网</a> <a href="#"><img src="images/p1.jpg" style="height: 200px; width: 200px;"></a><br> <a name="top">页面顶部</a> <a href="#bottom">回到底部</a> <div></div> <a name="bottom">页面底部</a> <a href="#top">回到顶部</a> </body> </html>
0
A云海5年前
<style> a{text-decoration:none;color:#000}//a标签隐藏下划线并且改变字体颜色为黑色; a:hover{text-decoration:underline;color:red;}//当鼠标移上去的显示下划线并且颜色为红色; </style>
0
hiki19875年前
text-decoration: none; 取消链接下划线,text-decoration: underline;设置下划线;a:hover{}设置a链接的伪属性,<a href="top">页面顶部</a> 与 <a href="" name="top">回到顶部</a>做出回到顶部效果。
0
风轻云淡5年前
<a href="url">我是一个链接</a> <a href="url"><img src="images/favicon.ico" style=" "></a> 图片链接 a{text-decoration:none;color:#000;} a:hover{color:red;text-decoration:underline;} div{} <a href="top">回到顶部</a> <a href="" id="top" >回到顶部</a>
0
客多多5年前
<body> <h1>第五节课内容</h1> <a href="#">a标签的使用</a> <a href="https://baidu.com">baidu</a> <a href="https://baidu.com"><img src="imge/youxiang.jpg"></a> <br> <a href="">我是顶部</a> <div> </div> <a href="" id="top">返回顶部</a> </body>
0
鹰弘网络科技5年前
链接去除下划线 <style type="text/css"> a{text-decoration: none;} </style>
a:hover{color:red;text-decoration: underline;} 鼠标移动链接上变色 并且显示下划线
0
Monthai5年前
(1)超链接可以跳转至其他网页,也可以在本页面跳转;(2)将超链接设为锚点,其他链接即可跳转至该锚点;(3)其他标签也可以通过设置id成为锚点。(4)超链接样式text-decoration:underline / none。
0