36-盒子模型设置的超链接->形状像个按钮

最新推荐文章于 2023-12-02 16:17:12 发布

会编程的阿强

最新推荐文章于 2023-12-02 16:17:12 发布

阅读量1.3k

点赞数

分类专栏： HTML/CSS

本文链接：https://blog.csdn.net/shuangrenyu1234/article/details/10245585

版权

HTML/CSS 专栏收录该内容

62 篇文章 0 订阅

订阅专栏

<html>

<head>
   <title>超链接背景颜色的设置</title>
   <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
   <style>
   a{
     /*设置背景颜色*/
    BACKGROUND-COLOR: 74B500;
COLOR: #ffffff;
    /*设置超链接的下划线样式为无*/
	text-decoration:none;
	/*设置为圆角边框*/
	border-radius: 4px;
	/* Old Firefox */
	-moz-border-radius:25px; 
	/*设置背景颜色边框的颜色*/
	BORDER: 1px solid 74B500;
	/*设置背景的大小*/
	padding:10px 10px 10px 10px;
	
   }
   p{
    margin-left:200px;
	margin-top:200px;
   }
</style>
</head>
<body>
<p>
<a href="www.baid.com">打开百度</a>
</p>
</body>
</html>

运行环境为：谷歌浏览器

优惠劵

会编程的阿强

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
36-盒子模型设置的超链接->形状像个按钮

超链接背景颜色的设置 a{ /*设置背景颜色*/ BACKGROUND-COLOR: 74B500;COLOR: #ffffff; /*设置超链接的下划线样式为无*/ text-decoration:none; /*设置为圆角边框*/ border-radius: 4px; /* Old Firefox */ -moz-border-ra
复制链接

扫一扫