如何给超链接设置宽度和高度

1、利用display：block属性

   1: <!DOCTYPE html>

   2: <html>

   3: <head>

   4: <meta charset="utf-8" />

   5: <title>a设置宽度和高度</title>

   6: <style>

   7: .abc a{

   8:     display:block;

   9:     width:130px;

  10:     height:30px;

  11:     border:1px solid #000

  12: }

  13: </style>

  14: </head>

  15: <body>

  16:     <div class="abc">

  17:         <a href="#">宽度130，高30</a>

  18:     </div>

  19: </body>

  20: </html>

效果：

2、float：left属性

   1: <!DOCTYPE html>

   2: <html>

   3: <head>

   4: <meta charset="utf-8" />

   5: <title>a设置宽度和高度</title>

   6: <style>

   7: .abc a{

   8:     float:left;

   9:     width:150px;

  10:     height:50px;

  11:     border:1px solid #000

  12: }

  13: </style>

  14: </head>

  15: <body>

  16:     <div class="abc">

  17:         <a href="#">宽度150，高50</a>

  18:     </div>

  19: </body>

  20: </html>

效果：

3、对a设置padding

   1: <!DOCTYPE html>

   2: <html>

   3: <head>

   4: <meta charset="utf-8" />

   5: <title>a设置宽度和高度</title>

   6: <style>

   7: .abc a{

   8:     padding:10px 20px;

   9:     width:150px;

  10:     height:50px;

  11:     border:1px solid #000

  12: }

  13: </style>

  14: </head>

  15: <body>

  16:     <div class="abc">

  17:         <a href="#">宽度150，高50</a>

  18:     </div>

  19: </body>

  20: </html>

效果：

来源：http://www.ido321.com/741.html

时间： 2024-08-29 18:13:25

如何给超链接设置宽度和高度的相关文章

怎样给超链接设置宽度和高度

1.利用display:block属性 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <meta charset="utf-8" /> 5: <title>a设置宽度和高度</title> 6: <style> 7: .abc a{ 8: display:block; 9: width:130px; 10: height:30px; 11: border:1px s

有两种分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0，隐藏播放器。

<bgsound>: <bgsound> 是用来插入背景音乐,但只适用于 ie,其参数设定不多.如下 <bgsound src="your.mid" autostart=true loop=infinite> src="your.mid"设定 midi 档案及路径,可以是相对或绝对.autostart=true是否在音乐档下载完之后就自动播放.true 是,false 否 (内定值).loop=infinite是否自动反复播放.l

html之给文本框设置宽度和高度/input的无边框效果

<input name="" type="text" style="width:200px; height:20px;" /> html如何设置input的无边框效果 CSS可以控制的<style type="text/css">input {border:1px solid #c00;}input {star : expression(onmouseover=function(){this.style

display:block; 块级元素。<a>,<span>标签设置宽度和高度

display:block;是让对象成为块级元素(比如a,span等) 转化后可以对a或者span标签进行width和height设置,否则设置不了 display有很多对象,具体可以参考http://www.w3school.com.cn/css/pr_class_display.asp 一般都是用display:none和display:block来控制层的显示

为什么没法设置span的宽度和高度

为什么没法设置span的宽度和高度: 很多刚开始学习div+css布局的时候可能会碰到这样的问题,使用CSS代码无法设置span的高度和宽度,尽管CSS代码没有错误,却无法生效.例如 <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/"

动态设置图片的宽度和高度

动态设置图片控件的宽度和高度: imageView.getLayoutParams().width=600;imageView.getLayoutParams().height=400; 设置图片(src): imageView.setImageResource(resId); android获得屏幕高度和宽度: 1.WindowManager wm = (WindowManager) getContext() .getSystemService(Cont

JQuery 设置元素的高度和宽度相等

有时需要设置下面的情况,即 <div> 的高度和宽度是相等的.并且随着屏幕的大小变化而变化.这样就需要用 js 来控制元素在页面上的显示. <html> <body> <div class="row text-center margin-top-20p"> <div class="col bgcolor-FF9600 border-radius-5p margin-2p height-width"> <

select框宽度与高度设置(实用版)

在IE中只能使用 font-size: 限制 select 的高度. 同时使用 width:200px 限制宽度 size="20" 表示最多显示20个选项,超过20的需要拖动滚动条显示. multiple 表示 select 可多选 < select size="20" style="width:200px;font-size:12px" multiple> </select> select框宽度与高度设置(实用版)

设置单元格的宽度和高度

NPOI官方网站:http://npoi.codeplex.com/ 在Excel中,单元格的宽度其实就是列的宽度,因为Excel假设这一列的单元格的宽度肯定一致.所以要设置单元格的宽度,我们就得从列的宽度下手,HSSFSheet有个方法叫SetColumnWidth,共有两个参数:一个是列的索引(从0开始),一个是宽度. 现在假设你要设置B列的宽度,就可以用下面的代码: HSSFWorkbook hssfworkbook = new HSSFWorkbook(); HSSFSheet shee