先建立一个样式文件，如 ahtml 的样式是 bcss。
ahtml 里边 <style type="tyle/css" href="bcss" /> bcss文件里边写 样式就好了/全局样式/
{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:Tahoma,Arial,Helvetica,"宋体";font-size:12px;text-align:center;background:#FFF;color:#000;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
clearfix:after{content:"";display:block;clear:both;}
clearfix{zoom:1;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline;color:#f60;}
html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”，也可以使用“%”，单位不同效果也不同。具体代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<textarea style="border-radius: 50px; width: 100px; height: 100px;" ></textarea>
</body>
</html>
运行效果如图：
扩展资料：
CSS具有以下特点：
1、丰富的样式定义：
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改：
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
3、多页面应用：
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
参考资料百度百科——css
在Visual Studio Code中编写CSS的步骤如下：创建一个HTML文件，然后在文件中添加<style>标签，以开始编写CSS代码。
在<style>标签中，使用CSS语法编写CSS代码。
使用快捷键Ctrl+S保存文件，以便在浏览器中查看效果。
使用快捷键Ctrl+Shift+V在浏览器中预览结果。我一般是这样写
/reset style/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { width:100%; height:100%; background:#FFF; color:#333; font:12px/15em Arial, Helvetica, sans-serif; position:relative; left:0; top:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
{ word-wrap: break-word;}
a, a:hover { color:#333; text-decoration:none; }
a:hover { color:#c00; }
fieldset, img { border:none; }
img{ border:0; vertical-align:middle;}
legend { display:none; }
ol, ul, li { list-style:none; }
em, strong, cite, th { font-style:normal; font-weight:400; }
input, textarea, select, button { font:12px Verdana, Helvetica, Arial, sans-serif; }
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; }
/ common style /
clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
clearfix { display:inline-block; }
/\/ clearfix { display:block; } //
cl{ clear:both;}
把它写在一个css文件里 存起来 然后直接调用 我每次写都是这样用的CSS链入式就是在外部文件中写好CSS，通过link标签在页面中直接引入。也就是相当于将页面中的style标签中的样式独立保存为单独的文件。使用<link href='css路径' type='text/css' rel='stylesheet'> 引入到页面。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）