Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > CSS-Tutorial > Häufig verwendete CSS-Sammlung_Erfahrungsaustausch

Häufig verwendete CSS-Sammlung_Erfahrungsaustausch

WBOY
Freigeben： 2016-05-16 12:08:47
Original
1641 Leute haben es durchsucht

/**//*Button-Stil*/
.ButtonCSS {}{
    font-family: "Tahoma", "宋体";
    font-size:9pt; Farbe: #003399;
    Rahmen: 1 Pixel #003399 solid;
    Farbe: 006699;
    BORDER-BOTTOM: #93bee2 1px solid; 
    BORDER-LEFT: #93bee2 1px solid; 
    BORDER-RIGHT: #93bee2 1px solid; 
    BORDER-TOP: #93bee2 1px solid;
    background-image:url(../Images/bluebuttonbg.gif);
    Hintergrundfarbe: #e8f4ff;
    CURSOR: Hand;
    Schriftstil: normal ;
    width:60px;
    height:22px;
}

/**//*Stil der blauen Schaltfläche*/
.blueButtonCss {}{
    font-family: "Tahoma", "宋体";
    Schriftgröße: 9pt; Farbe: #003366;
    Rahmen: 0px #93bee2 solid;
   /**//* BORDER-BOTTOM: #93bee2 1px solid; 
    BORDER-LEFT: #93bee2 1px solid; 
    BORDER-RIGHT: #93bee2 1px solid; 
    BORDER-TOP: #93bee2 1px solid;*/
    background-image:url(../Images/blue_button_bg.gif);
    Hintergrundfarbe: #ffffff;
    CURSOR: Hand;
    Schriftstil: normal ;
}

/**//*Roter Knopfstil*/
.redButtonCss {}{
    font-family: "Tahoma", "宋体";
    Schriftgröße: 9pt; Farbe: #0066cc;
    Rahmen: 1px #93bee2 solid;
    BORDER-BOTTOM: #93bee2 1px solid; 
    BORDER-LEFT: #93bee2 1px solid; 
    BORDER-RIGHT: #93bee2 1px solid; 
    BORDER-TOP: #93bee2 1px solid;
    background-image:url(../Images/redbuttonbg.gif);
    Hintergrundfarbe: #ffffff;
    CURSOR: Hand;
    Schriftstil: normal ;
}
/**//*Schaltflächenstil auswählen*/
.selectButtonCss
{}{
    font-family: "Tahoma", "宋体";
    Schriftgröße: 9pt; Farbe: #0066cc;
    Rahmen: 1px #93bee2 solid;
    BORDER-BOTTOM: #93bee2 1px solid; 
    BORDER-LEFT: #93bee2 1px solid; 
    BORDER-RIGHT: #93bee2 1px solid; 
    BORDER-TOP: #93bee2 1px solid;
    background-image:url(../Images/blue_button_bg.gif);
    Hintergrundfarbe: #ffffff;
    CURSOR: Hand;
    Schriftstil: normal ;
}    

/**//*Grüner Knopfstil*/
.greenButtonCss {}{
    font-family: "Tahoma", "宋体";
    Schriftgröße: 9pt; Farbe: #0066cc;
    Rahmen: 1px #93bee2 solid;
    BORDER-BOTTOM: #93bee2 1px solid; 
    BORDER-LEFT: #93bee2 1px solid; 
    BORDER-RIGHT: #93bee2 1px solid; 
    BORDER-TOP: #93bee2 1px solid;
    background-image:url(../Images/greenbuttonbg.gif);
    Hintergrundfarbe: #ffffff;
    CURSOR: Hand;
    Schriftstil: normal ;
}
/**//*Bildschaltfläche*/
.imageButton
{}{
CURSOR: hand;    /**//*Mausform ändern*/
}
/**//*Seitentextstil*/
Körper 
{}{
    scrollbar-face-color: #EDEDF3;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #93949F;
    scrollbar-3dlight-color: #EDEDF3;
    scrollbar-arrow-color: #082468;
    scrollbar-track-color: #F7F7F9;
    scrollbar-darkshadow-color: #EDEDF3;

    Schriftgröße: 9pt;
    Farbe: #003366;
    overflow:auto;
}
TD {}{ FONT-SIZE: 12px }
TH 
{}{
    FONT-SIZE: 12px; 
}
/**//****************************************
Dropdown-Auswahlfeld-Anzeigestil
*************************************/
SELECT
{}{
    BORDER-RIGHT: #000000 1px solid; 
    BORDER-TOP: #FFFFFF 1px solid; 
    SCHRIFTGRÖSSE: 12px; 
    BORDER-LEFT: #FFFFFF 1px solid;
    FARBE:#003366; 
    BORDER-BOTTOM: #000000 1px solid; 
    HINTERGRUNDFARBE: #f4f4f4;
}

/**//************************************************** *****
Hyperlink-Anzeigestil
**************************************** ****** ******************/
A:Link, A:Visited{}{color:#223355;text-decoration: none}
A:Hover{} {color:red;text-decoration:none;}

A.highlight:link, A.highlight:visited {}{ color:red; text-decoration:none }
A.highlight:hover {}{ color:red; text-decoration:underline }

A.thisclass:link, A.thisclass:visited {}{ color: #D9EBFD; Schriftstärke:fett; text-decoration:none }
A.thisclass:hover {}{ color: #FFFFFF;font-weight:bold; }

A.navlink:link, A.navlink:visited {}{color: #D9EBFD; text-decoration:none}
A.navlink:hover {}{color: #FFFFFF; text-decoration:none }


/**//************************************************** *****
Anzeigestil des Zeilentextbearbeitungsfelds
********************************* * **********************/
.EditBox
{}{
    background: #ffffff; 
    Rahmen: 1 Pixel durchgezogen #B7B7B7;
    Farbe: #003366;
    Cursor: Text;
    Schriftfamilie: "Arial";
    Schriftgröße: 9pt;
    Höhe: 18px;
    Auffüllung: 1px;
}
/**//************************************************** ****
Mehrzeiliger Textfeldstil
************************************** ****** ******************/
.MultiEditBox
{}{
    Hintergrund: #f8f8f8;
    border-bottom: #B7B7B7 1px solid;
    border-left: #B7B7B7 1px solid;
    border-right: #B7B7B7 1px solid;
    border-top: #B7B7B7 1px solid;
    Farbe: #000000;
    Cursor: Text;
    Schriftfamilie: "Arial";
    Schriftgröße: 9pt;
    Auffüllung: 1px;
}

/**//************************************************** *****
Schattenstilform
**************************************** ****** ******************/
.Shadow 
{}{
    position:absolute;
    z-index:1000;
    top:0px;
    left:0px;
    Hintergrund:grau;
    Hintergrundfarbe:#FFCC00;
    filter : progid:DXImageTransform.Microsoft.DropShadow(color=#FF404040,offX=2,offY=2,positives=true);
}
/**//************************************** ***************
只显一条横线的Text的样式！
************************************************ ******/
.logintxt
{}{
    BORDURE DROITE : #ffffff 0px solide ; 
    BORDURE-TOP : #ffffff 0px solide ;
    TAILLE DE LA POLICE : 9 pt ; 
    BORDURE-GAUCHE : #ffffff 0px solide ; 
    BORDURE-BAS : #c0c0c0 1px solide ; 
    COULEUR DE FOND : #ffffff
}
/**//************************************************ *****
Style d'en-tête DataGrid
************************************ **** ******************/
.dgTitle
{}{
    hauteur : 25 px ;
    couleur :#ffffff;
    font-size:large;
    text-align:center;
    vertical-align:middle;
    BACKGROUND-IMAGE:url(../images/tableTitle2.gif); hauteur:25px

}

/**//************************************************ *****
Style d'affichage des données DataGrid
********************************* ***** *****************/
.dgItem
{}{
    hauteur:15px;
    text-align:center;
    vertical-align:middle;
}
/**//************************************************ *****
Style d'affichage de la zone de texte
*********************************** ******* ********************/
.clarity
{}{
    BORDURE DROITE : #ffffff 0px solide ; 
    BORDURE-TOP : #ffffff 0px solide ;
    TAILLE DE LA POLICE : 9 pt ; 
    BORDURE-GAUCHE : #ffffff 0px solide ; 
    BORDURE-BAS : #ffffff 0px solide ; 
}
TABLE.List {}{ border-top : 1px solid #000000 ; bordure inférieure : 1 px solide #000000 ; }
TABLE.List TH,TABLE.List TD {}{ padding:4px;background-color:#eeeeee;border-bottom:2px solid #ffffff;border-right:1px solid #ffffff;border-left:1px solid #ffffff;color:#000000}
TABLE.List TH {}{ background-color:#0064a8;border-top:2px solid #ffffff;color:#ffffff;font-weight:normal;}
TABLE.Liste TH A:link {}{COULEUR : #ffffff ; TEXTE-DÉCORATION : aucun}
TABLE.Liste TH A : visité {}{COULEUR : #ffffff ; TEXTE-DÉCORATION : aucun}
TABLE.List TH A : survol {}{COULEUR : #ffffff ; TEXTE-DÉCORATION : souligné}

TABLE.Form TH,TABLE.Form TD {}{ padding:4px;background-color:#f6f6f6;border-bottom:1px solid #F6F6F6;border-right:1px solid #ffffff;border-left:1px solid #ffffff;color:#000000}
TABLE.Form TH {}{ background-color:#E8E8E8;border-top:1px solid #ffffff;color:#006699;font- size:12px;font-weight:normal;border-bottom:1px;}
TABLE.Form TH A:link {}{COULEUR : #ffffff; TEXTE-DÉCORATION : aucun}
TABLE.Form TH A : visité {}{COULEUR : #ffffff ; TEXTE-DÉCORATION : aucun}
TABLE.Form TH A : survol {}{COULEUR : #ffffff ; TEXTE-DÉCORATION : souligné}

TABLE.Sample TD {}{ padding:2px;background-color:#f6f6f6;border-bottom:1px solid #000000;border-top:1px solid #000000;border- right:1px solid #000000;border-left:1px solid #000000;color:#000000}
TABLE.Sample TH {}{ background-color:#AEC1D7;border-bottom:1px solid #000000;border-top :1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000;font-weight:normal;}

TABLE.SampleD TD {}{ padding :2px;border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000}
TABLE.SampleD TH {}{ border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000;font-weight:normal ;}

TABLE.Form1 TH,TABLE.Form1 TD {}{ padding:4px;background-color:#BED8F3;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border -left:1px solid #ffffff;color:#000000}
/**//************************************************ *****
Zone de saisie sans bordure
*********************************** * *******************/
.NoneInput
{}{
    text-align:center;
    largeur : 99 % ; hauteur : 99 % ;
    border-top-style : aucun ;
    border-right-style : aucun ;
    border-left-style : aucun ;
    couleur de fond : #f6f6f6;
    border-bottom-style : aucun ;
}

/**//************************************************ *****
Style de forme de style plat
*********************************** * *******************/

 

/**//************************************************ *****/
TABLE
{}{
    border-collapse:collapse;
}

/**//*
Style de barre de progression
*/
.bi-loading-status {}{
  /**//*position :   absolue ;*/
  largeur :        150 px ;
  remplissage : 1 px ;
  débordement : masqué ;
  couleur de fond : gris ;  
}

 

.bi-loading-status .text {}{
  espace blanc :  nowrap ;
  débordement :     masqué ;
  largeur :             100 % ;
  débordement de texte :     points de suspension ;
  remplissage :      1 px ; 
}


.bi-loading-status .progress-bar {}{
  border:       1px solid ThreeDSShadow ;
  arrière-plan :   fenêtre ;
  hauteur :       10 px ;
  largeur :        100 % ;
  remplissage : 1 px ;
  débordement : masqué ; 
}


.bi-loading-status .progress-bar div {}{
  arrière-plan :   Surligner ;
  débordement : masqué ;
  hauteur :       100 % ;
  filtre :       Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
}
/**//************************************************ *****
Fond d'en-tête
********************************** * ***************
 表头背景
*************************** **************************/
.tabletop {}{
    IMAGE DE FOND : url(../images/tableTitle2 .gif);hauteur:25px;
}
/**//************************************************ *****
Gros titre
************************************** ***** *****************
大标题
****************************** *************************/
.tabletitle{}{
   font-family : "Arial" ; TAILLE DE LA POLICE : 12 pts ; COULEUR : #0066cc;font-weight:bolder;filter : progid:DXImageTransform.Microsoft.DropShadow(color=#CCFFFF,offX=1,offY=1,positives=true);
}
/**//************************************************ *****
Sous-titre
************************************ ** *****************
小标题
****************************** *************************/
.smalltitle{}{    couleur de fond :#E8E8E8;taille de police :12 px ; poids de la police : normal ; couleur : #006699 ; } .calendarborder{}{    bordure : 1px #B7B7B7 solide ; }

Verwandte Etiketten：
常用CSS集合
Quelle：php.cn
Vorheriger Artikel：Lektion02_04 Formularbeschriftung (2)_Grundlegendes Tutorial Nächster Artikel：Erstellen eines WEB-Online-Editors – Einfügen von HTML-Tags_Erfahrungsaustausch
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Ungültiges untergeordnetes React-Element (gefunden: Objekt mit Schlüssel {clientVersion}). Wenn Sie eine Sammlung untergeordneter Elemente rendern möchten, verwenden Sie stattdessen ein Array Ich habe ein mehrstufiges Formular und wenn ich versuche, es abzusenden, wird dieser Fehle...
Aus 2024-04-06 16:25:39
0
1
346
Ich habe Probleme mit einem CSS-Raster, dessen Höhe nicht meinen Erwartungen entspricht. Welche Fehler könnte ich machen? Ich lerne gerade CSS-Raster und wurde gebeten, diese Karte zu erstellen, indem ich sie in ...
Aus 2024-04-06 12:52:14
0
1
339
Eine Website, die Live Server verwendet, funktioniert nicht, wenn ich sie aus einer Datei starte Ich habe mehrere Browser ausprobiert und in jedem Fall funktioniert die Website mit LiveSe...
Aus 2024-04-06 12:46:18
0
1
403
Die Polsterung des Elternteils wird vom klebrig positionierten Kind ignoriert Wie kann verhindert werden, dass klebrige Elemente hinter den Header gelangen? Das aktuell...
Aus 2024-04-06 11:42:51
0
1
338
Laden Sie mit React Native Expo mehrere Bilder in die Firebase-Sammlung und Firebase hoch Ich versuche, ReactNative „expo“ zu verwenden, um mehrere Bilder in Firebase Storage und F...
Aus 2024-04-04 23:20:02
0
1
1468
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage